jq滚动插件jquery.nicescroll+定位究竟部
<pre name="code" class="html"><!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>jq滚动插件jquery.nicescroll+定位究竟部</title> <style> .row { margin: 10px 0; } .row>div { float: right; width: 460px; height: 280px; margin: 0 10px; border: solid 2px #37418b; overflow: hidden; } .too-long { width: 600px; min-height: 1px; } .row>div .wrap { width: 600px; } #rtl-native,#rtl-test,#rtl-test-nowrap { direction: rtl; } #ltr-native,#ltr-test,#ltr-test-nowrap { direction: ltr; } #ltr-native,#rtl-native { overflow: scroll; } </style> </head> <body> <button onclick="setPos()">定位究竟部</button> <div class="row"> <div id="rtl-test"> <div class="wrap"> HTML英语意思是 Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。 用HTML编写的超文本文档称为HTML文档。它能独立于各种操作系统平台(如UNIX,WINDOWS等)。通过HTML,将所须要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML一种能够被广泛理解的语言,“翻译“成能够识别的信息,即全部的计算机都能够理解的一种用于出版的“母语”。
就是我们如今所见到的网页。
自1990年以来HTML就一直被用作WWW(是World Wide Web的缩写,也可简写WEB、中文叫做万维网)的信息表示语言,用于描写叙述Homepage的格式设计和它与WWW上其他Homepage 的连结信息。
使用HTML语言描写叙述的文件须要通过WWW浏览器显示出效果。
HTML( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令(Tag)。将影像、声音、图片、文字、动画、影视等内容显示出来。由于它能够从一个文件跳转到还有一个文件。与世界各地主机的文件连接。 超文本传输协议规定了浏览器在执行HTML文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在执行超文本时有了统一的规则和标准. 所谓超文本,是由于它能够增加图片、声音、动画、影视等内容,其实每个HTML文档都是一种静态的网页文件,这个文件中面包括了HTML指令代码。这些指令代码并非一种程序语言,它仅仅是一种排版网页中资料显示位置的标记结构语言,易学易懂。很easy。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到还有一个主题。从一个页面跳转到还有一个页面与世界各地主机的文件链接。直接获取相关的主题。例如以下所看到的: <p><font size="4"> 通过html能够表现出丰富多彩的设计风格:</font></p> <p><font size="4"> 图片调用:<IMG SRC="文件名称"><br> 文字格式: <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT></font></p> <p><font size="4"> 通过HTML能够实现页面之间的跳转: </font></p> <p><font size="4"> 页面跳转:〈A HREF="文件路径/文件名称"></A> </font></p> <p><font size="4"> 通过HTML能够展现多媒体的效果: </font></p> <p><font size="4"> 声频:<EMBED SRC="音乐地址" AUTOS</font>TART=true><br> 视频:<EMBED SRC="视频地址" AUTOSTART=true></p> <p> 从上面我们能够看到HTML超文本文件时须要用到的一些标签。
在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器怎样显示文本。这些标签均由"<"和">"符号以及一个字符串组成。
而浏览器的功能是对这些标记进行解释,显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字 属性>”来表示。
</p> <p> HTML仅仅是一个纯文本文件。创建一个HTML文档,仅仅须要两个工具。一个是HTML编辑器,一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。
WEB浏览器是用来打开WEB网页文件。提供给我们查看WEB资源的client程序。</p> ※HTML文档属于纯文本文件(它能用随意的文本编写器书写)。
比如,HTML语言可直接使用普通的文本编辑器进行编辑 </div> </div> </div> </body> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.bootcss.com/jquery.nicescroll/3.6.0/jquery.nicescroll.js"></script> <script type="text/javascript"> $(document).ready(function() { // var nice = $("html").niceScroll(); // The document page (body) jQuery("#rtl-test").niceScroll({}); }); function setPos() { var div = document.getElementById('rtl-test'); div.scrollTop = div.scrollHeight; } </script> </html>
相关文章
- 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
- 从零开始学习jQuery (三) 管理jQuery包装集
- jquery鼠标放上去显示悬浮层即弹出定位的div层
- 锚点定位,jquery定位到页面指定位置
- Visual Studio 2017中使用正则修改部分内容 如何使用ILAsm与ILDasm修改.Net exe(dll)文件 C#学习-图解教程(1):格式化数字字符串 小程序开发之图片转Base64(C#、.Net) jquery遍历table为每一个单元格取值及赋值 。net加密解密相关方法 .net关于坐标之间一些简单操作
- 手写 jQuery 框架
- jquery页面滚动显示浮动菜单栏锚点定位效果
- 【KPC】关于为什么不用Zepto而用JQuery
- ASP.NET MVC异步验证是如何工作的03,jquery.validate.unobtrusive.js是如何工作的
- JQuery Plugin 2 - Passing Options into Your Plugin
- 《jQuery Cookbook中文版》——第1章 jQuery基础1.1 在HTML页面中包含jQuery程序库代码
- Jquery属性选择器(同时匹配多个条件,与或非)(附样例)
- Nice Jquery Validator DOM 绑定
- vue学习笔记六:Jquery VS Vue之网络请求明细对照
- 【转发】JQuery中操作Css样式的方法
- jQuery-瀑布流-绝对定位布局(二)(延迟AJAX加载图片)
- A熟知SP.NET---WebForms UnobtrusiveValidationMode 必须“jquery”ScriptResourceMapping。
- jQuery 的noConflict()的使用.