强伦人妻一区二区三区视频18,特级西西444WWW大精品视频,色狠狠色噜噜AV天堂五区消防,国产91足控脚交在线观看

鄭州網(wǎng)站建設(shè)業(yè)務(wù)咨詢熱線:
0371-65349913 / 15333818157
當(dāng)前位置:網(wǎng)站首頁(yè) >> 網(wǎng)站技術(shù) >>


利用JS技術(shù)實(shí)現(xiàn)鼠標(biāo)滑過(guò)圖片時(shí)震動(dòng)的效果


發(fā)布人:鄭州凱訊公司    發(fā)布日期:2015-03-02

本網(wǎng)頁(yè)展示了利用javascript技術(shù)利用JS技術(shù)實(shí)現(xiàn)鼠標(biāo)滑過(guò)圖片時(shí)震動(dòng)的效果,也許各位在日常的網(wǎng)站建設(shè)中可能能夠用到,尤其是在實(shí)現(xiàn)一些特效的時(shí)候。本例中有幾個(gè)參數(shù)需要說(shuō)明一下:rector表示震動(dòng)幅度,值越大震動(dòng)幅度越大,您可以修改此值來(lái)控制圖片震動(dòng)的幅度; stopit用于控制震動(dòng)狀態(tài),值為0表示可以震動(dòng)了,而在震動(dòng)狀態(tài)中如果值改變?yōu)?,則停止震動(dòng)。下面,鄭州網(wǎng)站建設(shè)公司的小編整理了此功能,本代碼已經(jīng)在IE下測(cè)試通過(guò),可供建站用戶和網(wǎng)站建設(shè)技術(shù)人員參考。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>利用JS技術(shù)實(shí)現(xiàn)鼠標(biāo)滑過(guò)圖片時(shí)震動(dòng)的效果</title>

<STYLE type="text/css">
.showimage {POSITION: relative; }
</STYLE>

<SCRIPT language="javascript">
<!--
var rector=3 //震動(dòng)幅度
var stopit=0 //是否停止震動(dòng),0--震動(dòng),1--停止
var image; //圖片對(duì)象
var loop=1; //循環(huán)控制變量

//初始化可用變量
function init(img)
{
stopit=0
image=img;
image.style.left=0
image.style.top=0
}

//實(shí)現(xiàn)震動(dòng)圖片
function zhendong_image()
{
if ((!document.all&&!document.getElementById)||stopit==1)
return;

if (loop==1){
image.style.top=parseInt(image.style.top)+rector
}
else if (loop==2){
image.style.left=parseInt(image.style.left)+rector
}
else if (loop==3){
image.style.top=parseInt(image.style.top)-rector
}
else{
image.style.left=parseInt(image.style.left)-rector
}

if (loop<4)
loop++;
else
loop=1;

setTimeout("zhendong_image()",50)
}

//鼠標(biāo)離開(kāi)時(shí)執(zhí)行該函數(shù)功能,恢復(fù)初始值
function stop(image)
{
stopit=1; //停止震動(dòng)
image.style.left=0; //恢復(fù)初始值
image.style.top=0; //恢復(fù)初始值
}
//-->
</SCRIPT>

</head>
<body>

<img class="showimage" onMouseOver="init(this); zhendong_image();" onMouseOut="stop(this)" src="http://m.511sj.com/images/logo.jpg" border="0" style="cursor:pointer;" />

</body>
</html>



版權(quán)所有:鄭州凱訊公司
成人A片99产无码蜜柚在线 | 少妇槡BBBB搡BBBB毛多 | 久久久国产精品一区二区白洁老师 | 亚洲高清无码一区二区三区 | AV片在线免费观看 | 精品一区二区三区人妻 | 偷拍大白天夫妻性对白 | 国产高清主播白浆喷水视频在线观看 | 亚洲综合熟女久久久30p蜜臀 | www.-级毛片线天内射视视 | 色AV 无码AV 丰满网站 | 18禁黄色免费网站 | 日本美女一级在线观看网站 | 拍真实国产伦偷精品 | 美女被操免费网站 | 日韩无码AV一二三区 | 99精品久久毛片A片 手机看片一区二区三区 | 高清在线观看网站无码 | 久久久一区二区三区做 | 性感美女被操到高潮 | 一级A婬片试看26分钟 | 国产激情大全久久 | 中文字幕_色呦呦网站 | 国产精品久久久久久久免费看 | 無碼破解壊版无码网站 | 法国搡BBB搡BBBB | 全免费A级毛片免费看视频软件 | 欧美A级成人婬片免费看 | 欧美精品少妇猛烈进入A片免费看 | 老色鬼AV成人 在线 东北农村精选一区二区 | 国产做a免费观看片久久 | 国产又粗又猛又黄又爽无遮挡 | 女人高潮一级A片按摩 | 911精品人妻一区二区三区A片 | 吉根柚莉爱在线乱码亚洲 | 国产一级A爱婬片免费播放桃 | 国产激情草逼网站jk | 做暧暧视频高潮一区二区三区 | 免费无码婬片AAAA | 91国内精品白嫩初高生 | 日本丰满无码一区久久 |