隨滑鼠輪動翻動層 jquery小練習

2022-02-14 21:04:17 字數 1125 閱讀 7156

閒來無事在**上看見乙個網頁製作的不錯,就仿照做來看看。特此記錄下來。

亮點:隨滑鼠上下滾動,展示頁面隨之不同,翻動效果。

功能點:滑鼠向上,向下判斷事件。

css **

html 

.hide

.show

.box

.foot

ul li a:link

.foot ul li

.active

#red

#orange

#yellow

#green

#blueness

#blue

#purple

js **

var index1 = 0;

var scrollfunc = function (e)

else

}//} else if (e.detail)

// if (e.detail < 0)

//}}

//給頁面綁定滑輪滾動事件

//if (document.addeventlistener)

//滾動滑輪觸發scrollfunc方法 //ie 谷歌

window.onmousewheel = scrollfunc;

function sliderindex(index, type)

else if (index >= 0)

else

if (num == 7)

num = 0;

$(".foot ul li a").removeclass("active");

$(".foot ul li a:eq(" + num + ")").addclass("active");

if (type==0)

else

$("#main div:eq(" + index + ")").slideup("slow");}}

$(function () )

})

html **

gridview隨滑鼠滑動

gridview隨滑鼠滑動 asp.net2.0下為gridview新增滑鼠滑過的行顏色高亮效果!protected void gridview1 rowdatabound object sender,gridviewroweventargs e 加入滑鼠滑過的高亮效果 if e.row.rowty...

JS實現物體隨滑鼠旋轉

首先,需要乙個可旋轉的物件,該物件包含使用canvas上下文在canvas上繪製乙個箭頭的功能。由於該箭頭會重複使用,我們將其封裝為乙個類,將以下 新增到arrow.js檔案中,把該檔案匯入 html 主檔案中 function arrow arrow.prototype.draw function...

滑鼠使用技巧 讓網頁自動向下翻或向上翻

通常在瀏覽網頁的時候,實現往下翻或網上翻,大家都是手動滾動滑鼠滾輪,可是對於一些愛看 的朋友,或者看長篇文章的朋友來說,不斷用手去滾動滾輪實在是很麻煩。這裡交給大家乙個使用滑鼠滾輪的小技巧,讓您看 的時候,不用再一直手按滑鼠了,這個小技巧實現的功能就是讓網頁自動往下翻或者網上翻。技巧如下 按住滑鼠中...