-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目:[Asp教程] 日期:2018-08-26 热度:107
就在刚才,烈火给大家介绍一款类似滑动门的图片轮播效果,现在再给出一款黑色风格带缓冲的JS焦点图代码,效果非常酷,刚刚打开时有Loading加载中效果,图片大小可通过修改CSS自定义实现。 实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目:[Asp教程] 日期:2018-08-26 热度:64
非常不错的图片轮播切换效果,类似于烈火以前提到的滑动门,有所不同的是:本特效可以设置时间自动切换,作者设计的UI原型是一个滑动门,又结合了图片特效,整体效果感觉挺不错,对 Java Script的学习帮助挺大。 看一下实例代码与演示: !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目:[Asp教程] 日期:2018-08-26 热度:100
这是一款JS横向图片滚动代码,带停顿,滚滚停停,打算用的朋友看清楚了:有丰富的滚动参数随便调节,例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项,使用起来非常方便。 我们来看效果演示: !DOCT[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目:[Asp教程] 日期:2018-08-26 热度:120
这是一款焦点图幻灯片切换的效果,这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方,上海世博的官方主页也使用了flash焦点图片切换,应朋友之要求,现在用 Java Script模拟出来,烈火看了一下效果不错,简洁不失大方,平滑不失动感!喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目:[Asp教程] 日期:2018-08-26 热度:104
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件,来自于国外的设计网站,前几日烈火小编在国外网站闲逛时发现的,不敢独自使用,特别来分享给大家,感觉好的话,别忘记顶一下哦! 友情提示:JQuery的特效代码,点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动(鼠标指向停止)
所属栏目:[Asp教程] 日期:2018-08-26 热度:136
最近有几个朋友一直在问笔者跑马灯的问题,其实在以前的教程中,烈火网曾经提到很多类似的效果,例如:Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目:[Asp教程] 日期:2018-08-26 热度:128
可能很多朋友都有过这样的经历,在一个网站上转,鼠标无意中移到一张图片上时,就自动的打开了一个新网页。下面,烈火网就分享一下这个代码,有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如,把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目:[Asp教程] 日期:2018-08-26 热度:53
仿 QQ邮箱 图片展示,这是小编刚刚在某知名设计论坛看到一位朋友仿的,感觉还不错,只是有部分网页错误,修正了一下拿来分享给大家,本特效特点:代码简洁、效果精美。喜欢的朋友拿走吧,多多支持烈火网哦! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
js结合onMouseOver实现鼠标响应图片改变透明度
所属栏目:[Asp教程] 日期:2018-08-23 热度:163
js结合onMouseOver实现鼠标响应图片变清晰,这也是我们在网页制作中经常见到的效果,有的网站用在了友情链接位置,当我们第一眼看到图片时发现图片很模糊,当鼠标经过图片时,就变的清楚了,类似于PS中的图片透明度,挺不错的代码,赶紧给自己的网站用上吧[详细]
-
图片固定范围内左右移动,就像秋千一样
所属栏目:[Asp教程] 日期:2018-08-23 热度:82
图片的左右移动,具备像荡秋千一样的动画效果,图片自己可重新定义,移动速度和距离也可在代码内设定,挺简单的Js生成动画的特效代码,该代码可能在网上没有直接使用的价值,但是具有参考的意义,童鞋们可以多学习一下JS脚本。 演示: htmlheadmeta http-e[详细]
-
渐隐渐显的图片自动播放,纯JavaScript代码实现
所属栏目:[Asp教程] 日期:2018-08-23 热度:167
渐隐渐显的图片自动播放,纯 Java Script代码实现,一个小效果,针对图片而编写的,结合了JavaScript,让一连串的图片以渐显示的方式自动播放,图片的网址赋值给了JS的数组,再交给主程序循环调用,并为图片的渐渐显示功能写了一个函数,使图片的透明度在1[详细]
-
通过下拉框菜单选择查看图片的网页代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:193
通过下拉框菜单选择查看图片的网页代码,一个很实在的小代码,采用带跳转的下拉框切换图片,以达到查看图片的效果。实际上是个基础的技巧,早在学网页设计的时候, dreamweaver 里就有此功能,除了做成切换图片,网址跳转也是可以的,演示效果请点击运行按[详细]
-
jQuery实现产品图片放大效果,响应鼠标弹出
所属栏目:[Asp教程] 日期:2018-08-23 热度:135
基于 jQuery 的图片放大代码,响应鼠标,我们在淘宝网经常见到这样的效果,因此就效果而言,与淘宝网的相比没差多少,使用了jQuery插件简化了不少代码,原图是调用的大图,不需要重新制作缩略图,简单方便的图片效果。 为解决一些网页特效运行后不能显示效[详细]
-
图片上下左右全方位滚动特效,通过按钮可控制
所属栏目:[Asp教程] 日期:2018-08-23 热度:90
图片上下左右全方位滚动特效,通过按钮可控制,一眼看上去好像 录音机 的界面,其实这是一个通过JS控制方向滚动的图片,大家学习一下吧。 注意:在滚动的时候,鼠标还可以拖动,但是你会发现,即使你拖动了,它还是照样会按照原来的方向滚动。 演示: HTML[详细]
-
JavaScript控制图片放大,图片缩小,图片还原
所属栏目:[Asp教程] 日期:2018-08-23 热度:164
烈57火24网(LieHuo17.Net)教72程 Java Script代码实现对图片放大、缩小的控制,当点击放大的时候,图片会放大,点缩小则变小,连续点击则不断的放大,也可清除还原。这项功能是通过 Math.pow(x,y) 的幂运算来计算大小图片放大缩小的尺寸。 演示: htmlhead[详细]
-
CSS 教程: Fliter 图片修饰特效代码之二
所属栏目:[Asp教程] 日期:2018-08-23 热度:186
一个CSS教程,主要讲Fliter滤镜的使用方法,将一幅图片修饰成不同的效果,类似反光、翻转图片、副片、单色、增加通道等图像专业效果。通过这个小教程,你或许会对Fliter有个熟悉的了解。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
Css filter:滤镜修饰图片实例代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:53
烈87火56网(LieHuo42.Net)教63程 Css filter:滤镜修饰图片实例,同一张照片,通过定义不同的CSS修饰效果,会获得让你意想不到的效果。其实这里仅使用了CSS中的Fliter滤镜,设置Fliter不同的参数,得到不同的光照角度,出来的效果当然也就不一样了。 演示:[详细]
-
在网页空白处单击鼠标显示图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:90
烈14火66网(LieHuo87.Net)教55程 Java Script 在网页上单击鼠标的地方显示图片,有意思吧,其实菜单也可以这样搞,单击鼠标,显示菜单,呵可,把IMG标签换成DIV,把图片换成文字,把文字再制作成菜单,是不是一款隐藏菜单就做好了? 推荐类似文章:显示与隐[详细]
-
JavaScript滚动条控制图片横向滚动代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:109
一个 Java Script滚动条控制图片横向滚动的代码,与其它不同的区别是,它是可以被控制的,向左向右滚动都需要点击两端的小箭头,图片滚动时候带有缓冲效果,演示图片没有加链接,你决定用了就好好完善它,现在只是一个基础的框架,也没有怎么美化,请注意[详细]
-
响应鼠标的渐变式图片渐隐渐显效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:85
Java Script实现响应鼠标的渐变式图片渐隐渐现效果,也就是说图片默认是渐隐状态,当我们把鼠标放在图片上时,图片就亮了,也就是渐显效果,如果你还是不明白,自己看代码吧。 示例: title图片渐隐渐现/titleSCRIPT language=JavaScript!--nereidFadeObje[详细]
-
跑马灯效果图片滚动代码,响应鼠标左右滚动
所属栏目:[Asp教程] 日期:2018-08-19 热度:180
今天给大家介绍一款跑马灯效果的图片滚动代码,可以响应鼠标而左右滚动,滚动的速度可以在代码中设置,烈火小编已经进行了注释。该代码的缺点是:不能响应鼠标停止滚动,另外就是在部分浏览器下有兼容性问题,出现左右滚动速度不同的问题,高手请修复一下[详细]
-
箭头上下控制、无缝的,图片上下滚动代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:69
基于 Java Script的图片上下无缝滚动,带控制按钮,做的比较精致,兼容性方面,兼容IE全系列和火狐等主流浏览器。编写实现采用面向对象的原理,参考价值大。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xh[详细]
-
上下左右四种不间断的无缝图片滚动代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:71
上下左右不间断无缝滚动图片Js代码,兼容火狐和IE,实用性大大的好,囊括了四个方向的图片滚动,代码中有注释,需要某个方向滚动的,可以自己扣除代码,希望大家喜欢这个代码哦。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN htt[详细]
-
鼠标指向小图显示大图,JS实现图片加载效果
所属栏目:[Asp教程] 日期:2018-08-19 热度:168
一款基于 Java Script的图片放大,鼠标指向小图显示大图,JS实现图片加载效果,自动判断大图显示位置,如果超出显示范围,在另一侧展示,增加几分人性化,确实不错的效果,烈火网推荐您参考。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
鼠标指向图片由暗变亮的jQuery渐变特效代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:108
鼠标指向图片发生渐变的特效, jQuery 代码实现。我个人觉得此方法有点不太合理,其实用CSS完全可以实现这种方式,或许作者有其它的考虑吧,比如兼容性方面。本写法是把 图片处理 成了两张,一张是暗色的,鼠标移上的时候调用另外一张,是不是有些麻烦?而[详细]
