-
javascript 新闻幻灯片代码,带有动画效果
所属栏目:[Asp教程] 日期:2018-09-16 热度:72
今天给站长朋友们介绍一个javascript 幻灯片播放的代码,带有动画切换效果,以前在网上见到的都挺复杂感觉,所以自己动手写一个简单的,用时候只需更改图片路径就行了,其它的参数代码里也能改,本代码最大的亮点是简单高效。 跟随烈火一起看一下效果,当[详细]
-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目:[Asp教程] 日期:2018-09-16 热度:99
就在刚才,烈火给大家介绍一款类似滑动门的图片轮播效果,现在再给出一款黑色风格带缓冲的JS焦点图代码,效果非常酷,刚刚打开时有Loading加载中效果,图片大小可通过修改CSS自定义实现。 实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目:[Asp教程] 日期:2018-09-16 热度:177
非常不错的图片轮播切换效果,类似于烈火以前提到的滑动门,有所不同的是:本特效可以设置时间自动切换,作者设计的UI原型是一个滑动门,又结合了图片特效,整体效果感觉挺不错,对 Java Script的学习帮助挺大。 看一下实例代码与演示: !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目:[Asp教程] 日期:2018-09-16 热度:167
这是一款JS横向图片滚动代码,带停顿,滚滚停停,打算用的朋友看清楚了:有丰富的滚动参数随便调节,例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项,使用起来非常方便。 我们来看效果演示: !DOCT[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目:[Asp教程] 日期:2018-09-16 热度:187
这是一款焦点图幻灯片切换的效果,这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方,上海世博的官方主页也使用了flash焦点图片切换,应朋友之要求,现在用 Java Script模拟出来,烈火看了一下效果不错,简洁不失大方,平滑不失动感!喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目:[Asp教程] 日期:2018-09-16 热度:127
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件,来自于国外的设计网站,前几日烈火小编在国外网站闲逛时发现的,不敢独自使用,特别来分享给大家,感觉好的话,别忘记顶一下哦! 友情提示:JQuery的特效代码,点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动(鼠标指向停止)
所属栏目:[Asp教程] 日期:2018-09-16 热度:77
最近有几个朋友一直在问笔者跑马灯的问题,其实在以前的教程中,烈火网曾经提到很多类似的效果,例如:Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目:[Asp教程] 日期:2018-09-16 热度:118
可能很多朋友都有过这样的经历,在一个网站上转,鼠标无意中移到一张图片上时,就自动的打开了一个新网页。下面,烈火网就分享一下这个代码,有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如,把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-09-08 热度:60
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
无刷新展示图片集 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-31 热度:159
你想无刷新的展览一些你的图片作品集?可以的,往元素中加载图片就可以了,有没有想过这也是通过 jQuery 实现的吧,这个效果类似于幻灯片效果,唯一的缺点是:不能显示加载中效果,不能自动幻灯。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitiona[详细]
-
上传图片前预览功能 兼容多个浏览器
所属栏目:[Asp教程] 日期:2018-08-30 热度:178
这是一个上传图片的预览功能,可以支持目前绝大部分图片格式(.jpg|.gif|.png|.bmp),如果您选择的不是图片类型,会提示图片格式无效,当然你也可以添加已知的图片类型,源码中有提示。目前已经在 Firefox 3,IE6,IE7, IE8 等浏览器测试通过,Firefox 因安[详细]
-
图片幻灯片轮播效果,带缩略图版
所属栏目:[Asp教程] 日期:2018-08-30 热度:132
烈火网(LieHuo.Net)教程 Java Script实现的图片切换效果,我们以前也提到过类似效果,例如《简单高效的javascript 幻灯片播放效果》,不同之处是本版带缩略图显示的,5屏图片幻灯,其实更多一些图片也是可以的,你只需更改数组就行,不过要对布局做些调整[详细]
-
JavaScript代码让网页的图片飞起来
所属栏目:[Asp教程] 日期:2018-08-30 热度:163
非常有趣的 Java script特效,能让网页上的图片飞起来,无意在网上看到的,执行如下步骤就能看到效果: 随便打开一个网站,网页上必须有图片,否则没效果,页面打开后清除地址栏中的地址,复制如下代码到地址栏中然后按回车: Copy to Clipboard 引用的内[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目:[Asp教程] 日期:2018-08-30 热度:170
仿 QQ邮箱 图片展示,这是小编刚刚在某知名设计论坛看到一位朋友仿的,感觉还不错,只是有部分网页错误,修正了一下拿来分享给大家,本特效特点:代码简洁、效果精美。喜欢的朋友拿走吧,多多支持烈火网哦! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
幻灯片特效:Js+CSS实现不需要flash
所属栏目:[Asp教程] 日期:2018-08-30 热度:97
烈火网(LieHuo.Net)教程 今天在某技术论坛转的时候看到一个漂亮的幻灯片效果,是基于js与css打造的,在以前的文章中,我们也曾经发表过关于此类的文章,例如《JavaScript+Css打造的图片轮播幻灯片效果》,与此效果不同之处是链接文字出现在图片的外围,请[详细]
-
JavaScript+Css打造的图片轮播幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-30 热度:78
烈火网(LieHuo.Net)教程 幻灯片几乎是现在的网站不必可少的东东,在很久以前的图片轮播(幻灯片)中,我们接触到的大多都是Flash形式的,而现在则流行Js的幻灯效果,今天就给大家分享一篇JS+CSS实现的图片轮播效果,代码内有注释。 !DOCTYPE html PUBLIC -[详细]
-
刷新一次显示不同图片的特效代码
所属栏目:[Asp教程] 日期:2018-08-30 热度:185
利用 Java script实现的随机刷新的功能实现调用不同图片。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-[详细]
-
强制网页图片自适应大小的网页特效代码
所属栏目:[Asp教程] 日期:2018-08-30 热度:103
用CSS实现的可以强制图片自适应大小的代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=[详细]
-
百度联盟中的一个不错的图片切换特效
所属栏目:[Asp教程] 日期:2018-08-30 热度:85
这是一个网页设计中经常会用到的图片特效,实现多个图片之间的轮换,并分别带有连接,以前的代码只能适用于IE,在FF下始终没有得到很好的解决,今天意外的在百度联盟首页上看到这样的效果,支持FF,收藏起来备用。[详细]
-
JavaScript控制图片显示在网页右下角
所属栏目:[Asp教程] 日期:2018-08-27 热度:189
Java Script控制图片显示在网页的右下角,不管你的浏览器窗口是大或是小,它都在右下角显示着呢,如果出现滚动条,它就不会显示在右下角了,有趣吧?但是不知道作者为什么写出这样的例子,也许是别有用心吧。 其实,现在有一些广告总会显示在右下角,不过代[详细]
-
Css滤镜结合JS实现完美的图片水纹倒影
所属栏目:[Asp教程] 日期:2018-08-27 热度:169
Css滤镜结合JS实现完美的图片水纹倒影,用CSS的filter:wave来设置倒影的大小以及轻重,然后用页面脚本去控制网页加载完成始载入本函数,图片的大小也跟倒影效果有影响,仔细研究研究,再不断的修改修改代码,你还会发现一些更有趣的效果. 效果演示: htmlheadti[详细]
-
一个非常简单的图片交替切换特效
所属栏目:[Asp教程] 日期:2018-08-27 热度:75
一个非常简单的图片交替切换特效,也是基于 Java Script实现,只不过是一个雏形,因为还不太完善,效果中随机水平细纹来切换过渡图片,学习JavaScript的朋友,不妨好好参考一下本程序,它用两个图片来说明图片切换的原理,相对简单可靠。 特效演示: htmlh[详细]
-
网页图片选择器,基于JavaScript编写实现
所属栏目:[Asp教程] 日期:2018-08-27 热度:87
网页图片选择器,基于 Java Script编写实现,用Select下拉框选择图片,然后跳转并显示出来。为了演示速度 ,这里调用的图片比较小,实际使用时你可以更换图片。 效果演示: htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时,加载默认图片的JS代码
所属栏目:[Asp教程] 日期:2018-08-27 热度:187
Java Script智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能,一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题。 看起来挺复杂的样子,其实非常简单,只要一句代码就可以[详细]
-
图片在DIV中上下左右都居中的CSS效果
所属栏目:[Asp教程] 日期:2018-08-27 热度:50
连续发表了两篇关于水平和上下居中的文章,大家可以通过本文尾部的上一篇来查看前边的文章,不说费话,烈火将又一款居中代码展示出来。 演示: htmlheadstyle type=text/css!--* {margin:0;padding:0}div {width:500px;height:500px;border:1px solid #666[详细]