jQuery基于js網頁滾動條插件



60 239 80



特效描述: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

加群請備注:從官網了解到

老夫子电子