jQuery基于js网页滚动条插件



58 230 77



特效描述:jQuery 基于js 网页滚动条插件,jQuery基于js网页滚动条插件

代码结构

1. 引入CSS

<link rel="stylesheet" href="">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/mousescroll.js"></script>

3. HTML代码

<div id="scrolllayout">
	<div class="scrollcontent">
		<h3>在每个匹配元素的上下文中执行一个函数。</h3>
		<p>这意味着每次执行传入的函数(对于每个匹配的元素都是一次),“this”关键字指向特定的DOM元素。
此外,函数在执行时传递一个参数,表示元素在匹配集(整数,零索引)中的位置。
在每个函数中返回'false'会完全停止遍历所有元素的循环(这就像使用正常循环的'break'一样)。 从循环中返回'true'跳到下一次迭代(这就像使用正常循环的'continue'一样)。</p>
		<h3>在每个匹配元素的上下文中执行一个函数。</h3>
		<p>
		这意味着每次执行传入的函数(对于每个匹配的元素都是一次),“this”关键字指向特定的DOM元素。
此外,函数在执行时传递一个参数,表示元素在匹配集(整数,零索引)中的位置。
在每个函数中返回'false'会完全停止遍历所有元素的循环(这就像使用正常循环的'break'一样)。 从循环中返回'true'跳到下一次迭代(这就像使用正常循环的'continue'一样)。</p>
		<h3>在匹配集中的指定索引处访问单个匹配的DOM元素。</h3>
		<p>
		这使您可以提取实际的DOM元素并直接对其进行操作,而无需在其上使用jQuery功能。 这个被称为$(this).get(0)的函数相当于在jQuery对象本身上使用方括号表示法,如$(this)[0]。</p>
	</div>
</div>
<div id="div1">
	<div class="div2">
		<h3>Extends the jQuery object itself.</h3>
		<p>Can be used to add functions into the jQuery namespace. See 'jQuery.fn.extend' for more information on using this method to add Plugins.</p>
		<h3>Extends the jQuery element set to provide new methods (used to make a typical jQuery plugin).</h3>
		<p>Can be used to add functions into the to add plugin methods (plugins).</p>
		<h3>Run this function to give control of the $ variable back to whichever library first implemented it.</h3>
		<p>This helps to make sure that jQuery doesn't conflict with the $ object of other libraries.
		By using this function, you will only be able to access jQuery using the 'jQuery' variable. For example, where you used to do $("div p"), you now must do jQuery("div p").
		NOTE: This function must be called after including the jQuery javascript file, but before including any other conflicting library, and also before actually that other conflicting library gets used, in case jQuery is included last.</p>
	</div>
</div>
<script type="text/javascript">
// 在这里修改id,和速度
$(function(){
	var api1 = new myApi();
	api1.mouseScroll.inte($('#scrolllayout'),10);
	var api2 = new myApi();
	api2.mouseScroll.inte($('#div1'),10);
});
</script>	



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动 滚动条 页面滚动 滚动插件 滚动条插件 滚动条美化 自动滚动图片轮播 全屏滚动

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到