利用js实现网页滚动条插件mousescroll.



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

100 397 133



特效描述:利用js实现 网页滚动条 插件mousescroll.。利用js实现网页滚动条插件mousescroll.

代码结构

1. 引入JS

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

2. 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>	
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



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


热门标签: 滚动导航菜单 滚动切换 图片滚动 文字滚动 图片文字滚动 全屏滚动 页面滚动 滚动流动 自动滚动图片轮播

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

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

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