国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

JS實(shí)現(xiàn)點(diǎn)擊文字對(duì)應(yīng)DIV層不停閃動(dòng)效果的方法

2019-11-20 13:03:27
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

本文實(shí)例講述了JS實(shí)現(xiàn)點(diǎn)擊文字對(duì)應(yīng)DIV層不停閃動(dòng)效果的方法。分享給大家供大家參考。具體分析如下:

在很多娛樂(lè)網(wǎng)站我們經(jīng)常看到這種效果,點(diǎn)擊網(wǎng)頁(yè)中某個(gè)方塊中的文字,然后整個(gè)方塊就不停的閃動(dòng)起來(lái),很不錯(cuò)的一個(gè)動(dòng)態(tài)效果,容易引起顧客的注意,這個(gè)代碼就是實(shí)現(xiàn)了這個(gè)效果,點(diǎn)擊某個(gè)方塊后,方塊就會(huì)閃動(dòng)

復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js實(shí)現(xiàn)點(diǎn)擊文字對(duì)應(yīng)DIV層閃動(dòng)</title>
<style type="text/css">
#box{position:absolute;top:50%;left:50%;color:#fff;width:200px;height:200px;background:red;cursor:pointer;letter-spacing:5px;text-align:center;font:12px/200px Arial;margin:-100px 0 0 -100px;}
</style>
<script type="text/javascript">
window.onload = function ()
{
var oBox = document.getElementById("box");
var timer = null;
oBox.onclick = function ()
{
var i = 0;
clearInterval(timer);
timer = setInterval(function () {
oBox.style.display = i++ % 2 ? "none" : "block";
i > 6 && (clearInterval(timer))
}, 80)
}
};
</script>
</head>
<body>
<div id="box">武林網(wǎng)提示:你敢點(diǎn)我,我就敢閃</div>
</body>
</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 集贤县| 黄骅市| 牙克石市| 永修县| 天水市| 嫩江县| 尼玛县| 土默特右旗| 平乐县| 贵州省| 金秀| 苗栗市| 铜山县| 平南县| 石楼县| 宜兰县| 名山县| 望江县| 新兴县| 凤冈县| 南昌县| 体育| 望江县| 肇东市| 长丰县| 昭苏县| 巴林左旗| 湖南省| 子洲县| 固原市| 祁阳县| 原阳县| 北票市| 宝丰县| 弋阳县| 潜山县| 新兴县| 冕宁县| 定结县| 广德县| 渝北区|