45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页特效 >

一个简单闪动的hot小图标的js源代码

电脑软硬件应用网 45IT.COM 时间:2013-11-06 15:27 作者:佚名

看到有些网站上有可以闪动的图标吗?其实只要是一张图片,都可以让它时隐时现

具体如下:

<div id="net_nav" style="position:relative;"><img id="hot" src="hot.jpg"  style="position:absolute; top:-4px; left:293px; z-index:999999;" /></div>

这里是写html的代码,把一个小hot图标显示出来。


下面是一个简单闪动的hot小图标的js源代码,怎么样,超级简单实用。

<script type="text/javascript">
var hot=document.getElementById('hot');
function run(){
if(hot.style.display=="none"){hot.style.display="";}else{hot.style.display="none";}
}
setInterval("run();",500);
</script>

附上动态HOT图标,

文章内案例是非动态图标做成动态图标的效果,原文图标
顶一下
(4)
80%
踩一下
(1)
20%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识