码迷,mamicode.com
首页 > Web开发 > 详细

jq滚动插件jquery.nicescroll+定位到底部

时间:2015-07-28 21:18:10      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

<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指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。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资源的客户端程序。</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>



    
        

版权声明:本文为博主原创文章,未经博主允许不得转载。

jq滚动插件jquery.nicescroll+定位到底部

标签:

原文地址:http://blog.csdn.net/graceup/article/details/47109615

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!