`

js图片闪动效果

 
阅读更多
<HTML>
<HEAD>
<TITLE>Blink image</TITLE>
</HEAD>
<BODY ONLOAD="soccerOnload()" topmargin="0">
<DIV ID="soccer" STYLE="position:absolute; left:150; top:100">
<a href="http://www.webkey.cn" target="_blank">
<IMG SRC="/upload/remotupload/2007113102559564.gif" border="0"></a>
</DIV>
<SCRIPT LANGUAGE="JavaScript">
var msecs = 500; //改变时间得到不同的闪烁间隔;
var counter = 0;
function soccerOnload() {
setTimeout("blink()", msecs);
}
function blink() {
soccer.style.visibility =
(soccer.style.visibility == "hidden") ? "visible" : "hidden";
counter +=1;
setTimeout("blink()", msecs);
}
</SCRIPT>
</BODY>
</HTML>
分享到:
评论

相关推荐

    js和CSS3背景图片切片和glitch闪动效果

    "js和CSS3背景图片切片和glitch闪动效果"是一种创新的设计手法,它结合了JavaScript(通常与jQuery库一起使用)和CSS3的技术,创造出独特的视觉体验。 首先,我们要理解背景图片切片的概念。这是一种将大尺寸背景...

    js图片闪动特效可以控制间隔时间如几分钟闪动一下

    通过上述介绍,可以看出要实现一个简单的图片闪动特效,并通过控制间隔时间来改变其闪动频率,核心是掌握JavaScript的定时器函数和jQuery的选择器与动画方法。本例中利用的`setTimeout`与`setInterval`结合的模式是...

    QQ登录背景闪动效果附效果演示源码下载

    要实现闪动效果,JavaScript代码会在用户打开登录页面时加载并执行,动态地改变`#cavcont`内的内容,可能通过更改Canvas的绘图或者替换背景图片来达到闪烁的效果。这个过程可能涉及到定时器(如`setInterval`或`...

    jQuery+css3仿相机快门闪动效果.zip

    这个效果可以在网页上为用户带来动态且引人注目的视觉体验,适用于各种应用场景,如加载动画、图片展示或创意交互设计。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。...

    javascript

    本篇文章将深入探讨如何使用JavaScript实现特效,如横向菜单、树形菜单以及图片闪动效果。 一、JavaScript特效:横向菜单 横向菜单是网页设计中常见的导航元素,通过JavaScript可以实现动态的响应式效果。利用DOM...

    JavaScript特效,倒计时,分页,树形菜单,图片闪烁

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和动态效果。在网页设计中,JavaScript特效能极大地提升用户体验,使网页更具吸引力和功能性。以下将详细阐述标题和描述中提到...

    JS实现QQ图片一闪一闪的效果小例子

    在这个例子中,我们将讨论如何使用JavaScript(JS)来实现一个简单的QQ图片闪烁效果。这个效果可以应用于各种场景,不仅仅是QQ相关的项目,也可以用于任何需要吸引用户注意力的地方。 首先,我们需要一个HTML结构来...

    javascript网页特效实例大全

    6.1 鼠标控制图片的明暗效果 134 6.2 来回摆动的图片 134 6.3 随意飘动的图像 136 6.4 随意走动的图片 137 6.5 图片的水中倒影效果 140 6.6 可以随意拖动的图片 140 6.7 “雷达”扫描图片效果 142 6.8 图片的...

    vue实现星光闪烁动画相关文件

    在Vue.js前端开发中,...综上所述,通过Vue.js结合CSS和JavaScript,我们可以轻松实现星光闪烁动画效果,同时还可以根据需要进行个性化定制,增加更多交互和视觉细节。这展示了Vue.js在构建动态前端界面时的强大能力。

    会闪动的星星背景

    总之,"会闪动的星星背景"是一个利用HTML5和Canvas技术实现的动态网页元素,它展示了JavaScript和Canvas API的强大能力,以及如何通过编程实现网页的交互性和动态视觉效果。对于希望提升Web开发技能的程序员来说,这...

    JavaScript网页特效范例宝典源码

    实例243 无间断的图片循环滚动效果 376 8.7 图片的其他效果 377 实例244 导航地图 377 8.8 播放音乐 378 实例245 为网页设置背景音乐 378 实例246 随机播放背景音乐 380 实例247 MIDI音乐选择 381 8.9 插入Flash动画...

    js+jq、1000+案例.zip

    5. **jQuery+css3仿相机快门闪动效果**:结合jQuery和CSS3的力量,可以模拟出逼真的相机快门打开和关闭的动画,为网站增加趣味性和互动性。 6. **jQuery星级评分插件 简单实用**:星级评分系统广泛应用于评价和反馈...

    链接伪类(:hover)CSS背景图片有闪动BUG的解决方法

    通过上述方法,可以有效解决IE6浏览器下链接伪类(:hover)CSS背景图片闪动BUG的问题,减少用户在浏览网页时的困扰,同时也减轻服务器的负载,提升网站的整体性能。这种兼容性问题的处理经验对于前端开发者来说非常...

    网站资源,图片切换

    描述中的"图片切换闪动出现,支持响应事件",意味着图片在切换过程中有特定的动画效果,比如淡入淡出、滑动等,以增加视觉体验。同时,该功能还支持响应式设计,这意味着无论用户使用何种设备(如桌面、平板或手机)...

    google鼠标经过JS特效,IE/FF兼容

    标题中的"google鼠标经过JS特效,IE/FF兼容"指的是一个JavaScript实现的特效,它在鼠标悬停(mouseover)某个元素时,会触发一个特定的动画效果,即上部的图片从小到大闪动出现。这个特效适用于谷歌浏览器(Google ...

    JaveScript源代码大放送

    8用JavaScript创建“闪动”标题栏 9轻松实现打字机效果 10星星跟随鼠标 11地震效果的浏览器 12表格单元格背景色鼠标响应 13用JavaScript实现页面百叶窗效果 14用JS的方法使用列表LI制作的隔行换色 15直接调用计算机...

    JS基于高德地图定位城市闪烁特效

    在JavaScript(JS)开发中,有时我们需要为用户提供更生动、有趣的交互体验,比如在地图应用中添加特定位置的闪烁特效。本案例中的"JS基于高德地图定位城市闪烁特效"正是这样一个实现,它利用了高德地图API以及HTML5...

Global site tag (gtag.js) - Google Analytics