-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
就在刚才,烈火给大家介绍一款类似滑动门的图片轮播效果,现在再给出一款黑色风格带缓冲的JS焦点图代码,效果非常酷,刚刚打开时有Loading加载中效果,图片大小可通过修改CSS自定义实现。 实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
非常不错的图片轮播切换效果,类似于烈火以前提到的滑动门,有所不同的是:本特效可以设置时间自动切换,作者设计的UI原型是一个滑动门,又结合了图片特效,整体效果感觉挺不错,对 Java Script的学习帮助挺大。 看一下实例代码与演示: !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
这是一款JS横向图片滚动代码,带停顿,滚滚停停,打算用的朋友看清楚了:有丰富的滚动参数随便调节,例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项,使用起来非常方便。 我们来看效果演示: !DOCT[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
这是一款焦点图幻灯片切换的效果,这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方,上海世博的官方主页也使用了flash焦点图片切换,应朋友之要求,现在用 Java Script模拟出来,烈火看了一下效果不错,简洁不失大方,平滑不失动感!喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件,来自于国外的设计网站,前几日烈火小编在国外网站闲逛时发现的,不敢独自使用,特别来分享给大家,感觉好的话,别忘记顶一下哦! 友情提示:JQuery的特效代码,点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动(鼠标指向停止)
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
最近有几个朋友一直在问笔者跑马灯的问题,其实在以前的教程中,烈火网曾经提到很多类似的效果,例如:Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
可能很多朋友都有过这样的经历,在一个网站上转,鼠标无意中移到一张图片上时,就自动的打开了一个新网页。下面,烈火网就分享一下这个代码,有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如,把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目:[Asp教程] 日期:2018-09-06 来源:DaWei
仿 QQ邮箱 图片展示,这是小编刚刚在某知名设计论坛看到一位朋友仿的,感觉还不错,只是有部分网页错误,修正了一下拿来分享给大家,本特效特点:代码简洁、效果精美。喜欢的朋友拿走吧,多多支持烈火网哦! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
Java Script控制图片显示在网页的右下角,不管你的浏览器窗口是大或是小,它都在右下角显示着呢,如果出现滚动条,它就不会显示在右下角了,有趣吧?但是不知道作者为什么写出这样的例子,也许是别有用心吧。 其实,现在有一些广告总会显示在右下角,不过代[详细]
-
Css滤镜结合JS实现完美的图片水纹倒影
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
Css滤镜结合JS实现完美的图片水纹倒影,用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示: htmlheadti[详细]
-
一个非常简单的图片交替切换特效
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
一个非常简单的图片交替切换特效,也是基于 Java Script实现,只不过是一个雏形,因为还不太完善,效果中随机水平细纹来切换过渡图片,学习JavaScript的朋友,不妨好好参考一下本程序,它用两个图片来说明图片切换的原理,相对简单可靠。 特效演示: htmlh[详细]
-
网页图片选择器,基于JavaScript编写实现
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
网页图片选择器,基于 Java Script编写实现,用Select下拉框选择图片,然后跳转并显示出来。为了演示速度 ,这里调用的图片比较小,实际使用时你可以更换图片。 效果演示: htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时,加载默认图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
Java Script智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能,一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题。 看起来挺复杂的样子,其实非常简单,只要一句代码就可以[详细]
-
图片在DIV中上下左右都居中的CSS效果
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
连续发表了两篇关于水平和上下居中的文章,大家可以通过本文尾部的上一篇来查看前边的文章,不说费话,烈火将又一款居中代码展示出来。 演示: htmlheadstyle type=text/css!--* {margin:0;padding:0}div {width:500px;height:500px;border:1px solid #666[详细]
-
图片大小未知,在已知DIV中上下左右居中
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
未知大小的图片在已知的Div区域中居中,这是其中之一的方法,大家可看出,远程调用的百度Logo始终显示在外层方框的中间,这里的中间是指宽度和高度都居中,代码虽然不多,但效果挺不错,有必要参考。 演示效果: htmlheadtitle图片居中/titlestyle.box {bo[详细]
-
JavaScript通过button平移LOGO图片特效
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
Java Script一个教学实例,物体平移 运动 特效,来自妙味课堂网站 www.miaov.com , 点击按钮后激活函数,控制图片在一定时间内匀速运动,是最简单、最基础的运动方式,其特点是运动的方向和速度都不发生改变。 实例演示: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
图片匀速循环横向滚动,响应鼠标停止特效
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
图片匀速循环横向滚动,响应鼠标停止,这是 Java Script封装代码,一个匀速不停滚动的横向图片滚动特效,使用非常简便,看看本代码你就会明白的,代码里有丰富注释,不管是学习或是想用到你的网页上,都是不错的选择。 实例演示: !DOCTYPE html PUBLIC -/[详细]
-
在同一页面显示/调用多个js幻灯图片切换
所属栏目:[Asp教程] 日期:2018-08-27 来源:DaWei
有时为了设计需要,我们会在同一个网页调用多个图片切换,而js中函数的相同性给我们带来一些局限,本文就来解决这个问题在同一页面显示/调用多个js幻灯图片切换。 烈83火25网(LieHuo69.Net)网页特效教17程,同一页面多次调用图片幻灯切换效果,在一个网页[详细]
-
JavaScript滚动条控制图片横向滚动代码
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
一个 Java Script滚动条控制图片横向滚动的代码,与其它不同的区别是,它是可以被控制的,向左向右滚动都需要点击两端的小箭头,图片滚动时候带有缓冲效果,演示图片没有加链接,你决定用了就好好完善它,现在只是一个基础的框架,也没有怎么美化,请注意[详细]
-
响应鼠标的渐变式图片渐隐渐显效果
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
Java Script实现响应鼠标的渐变式图片渐隐渐现效果,也就是说图片默认是渐隐状态,当我们把鼠标放在图片上时,图片就亮了,也就是渐显效果,如果你还是不明白,自己看代码吧。 示例: title图片渐隐渐现/titleSCRIPT language=JavaScript!--nereidFadeObje[详细]
-
跑马灯效果图片滚动代码,响应鼠标左右滚动
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
今天给大家介绍一款跑马灯效果的图片滚动代码,可以响应鼠标而左右滚动,滚动的速度可以在代码中设置,烈火小编已经进行了注释。该代码的缺点是:不能响应鼠标停止滚动,另外就是在部分浏览器下有兼容性问题,出现左右滚动速度不同的问题,高手请修复一下[详细]
-
箭头上下控制、无缝的,图片上下滚动代码
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
基于 Java Script的图片上下无缝滚动,带控制按钮,做的比较精致,兼容性方面,兼容IE全系列和火狐等主流浏览器。编写实现采用面向对象的原理,参考价值大。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xh[详细]
-
上下左右四种不间断的无缝图片滚动代码
所属栏目:[Asp教程] 日期:2018-08-20 来源:DaWei
上下左右不间断无缝滚动图片Js代码,兼容火狐和IE,实用性大大的好,囊括了四个方向的图片滚动,代码中有注释,需要某个方向滚动的,可以自己扣除代码,希望大家喜欢这个代码哦。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN htt[详细]
-
鼠标指向小图显示大图,JS实现图片加载效果
所属栏目:[Asp教程] 日期:2018-08-19 来源:DaWei
一款基于 Java Script的图片放大,鼠标指向小图显示大图,JS实现图片加载效果,自动判断大图显示位置,如果超出显示范围,在另一侧展示,增加几分人性化,确实不错的效果,烈火网推荐您参考。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
鼠标指向图片由暗变亮的jQuery渐变特效代码
所属栏目:[Asp教程] 日期:2018-08-19 来源:DaWei
鼠标指向图片发生渐变的特效, jQuery 代码实现。我个人觉得此方法有点不太合理,其实用CSS完全可以实现这种方式,或许作者有其它的考虑吧,比如兼容性方面。本写法是把 图片处理 成了两张,一张是暗色的,鼠标移上的时候调用另外一张,是不是有些麻烦?而[详细]





浙公网安备 33038102330576号