-
jQuery 幻灯片两款,缩略图和TAB风格
所属栏目:[Asp教程] 日期:2018-10-23 热度:105
分享两个比较实用的基于 jQuery 的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢. 至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧. 本文出处:http://mrthink.net[详细]
-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-10-23 热度:172
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
间歇滚动的图片跑马灯,鼠标指向停止滚动
所属栏目:[Asp教程] 日期:2018-10-23 热度:136
本文给大家介绍的是利用Js写的一个图片滚动特效,在下面的实例中,图片一边滚动一边暂停,横向的滚动,一般常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。 实例效果: !DOCTYPE htm[详细]
-
纯CSS图片阴影效果(无图实现的图片阴影)
所属栏目:[Asp教程] 日期:2018-10-23 热度:126
本文中使用纯CSS给图片添加阴影的效果,没有用到图片,纯CSS实现代码,用背景填充及Margins标签两者结合实现的效果,尝试修改这两个标签的参数会有不同的阴影效果,其实也可使用CSS的滤镜来实现本类效果。 其实这样的实例,在烈火以前的文章中也曾经介绍过[详细]
-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目:[Asp教程] 日期:2018-10-23 热度:92
就在刚才,烈火给大家介绍一款类似滑动门的图片轮播效果,现在再给出一款黑色风格带缓冲的JS焦点图代码,效果非常酷,刚刚打开时有Loading加载中效果,图片大小可通过修改CSS自定义实现。 实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目:[Asp教程] 日期:2018-10-23 热度:58
非常不错的图片轮播切换效果,类似于烈火以前提到的滑动门,有所不同的是:本特效可以设置时间自动切换,作者设计的UI原型是一个滑动门,又结合了图片特效,整体效果感觉挺不错,对 Java Script的学习帮助挺大。 看一下实例代码与演示: !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目:[Asp教程] 日期:2018-10-15 热度:116
这是一款JS横向图片滚动代码,带停顿,滚滚停停,打算用的朋友看清楚了:有丰富的滚动参数随便调节,例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项,使用起来非常方便。 我们来看效果演示: !DOCT[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目:[Asp教程] 日期:2018-10-15 热度:124
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件,来自于国外的设计网站,前几日烈火小编在国外网站闲逛时发现的,不敢独自使用,特别来分享给大家,感觉好的话,别忘记顶一下哦! 友情提示:JQuery的特效代码,点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动(鼠标指向停止)
所属栏目:[Asp教程] 日期:2018-10-15 热度:57
最近有几个朋友一直在问笔者跑马灯的问题,其实在以前的教程中,烈火网曾经提到很多类似的效果,例如:Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目:[Asp教程] 日期:2018-10-15 热度:130
可能很多朋友都有过这样的经历,在一个网站上转,鼠标无意中移到一张图片上时,就自动的打开了一个新网页。下面,烈火网就分享一下这个代码,有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如,把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
上传图片前预览功能 兼容多个浏览器
所属栏目:[Asp教程] 日期:2018-10-15 热度:109
这是一个上传图片的预览功能,可以支持目前绝大部分图片格式(.jpg|.gif|.png|.bmp),如果您选择的不是图片类型,会提示图片格式无效,当然你也可以添加已知的图片类型,源码中有提示。目前已经在 Firefox 3,IE6,IE7, IE8 等浏览器测试通过,Firefox 因安[详细]
-
图片幻灯片轮播效果,带缩略图版
所属栏目:[Asp教程] 日期:2018-10-15 热度:119
烈火网(LieHuo.Net)教程 Java Script实现的图片切换效果,我们以前也提到过类似效果,例如《简单高效的javascript 幻灯片播放效果》,不同之处是本版带缩略图显示的,5屏图片幻灯,其实更多一些图片也是可以的,你只需更改数组就行,不过要对布局做些调整[详细]
-
JavaScript代码让网页的图片飞起来
所属栏目:[Asp教程] 日期:2018-10-15 热度:64
非常有趣的 Java script特效,能让网页上的图片飞起来,无意在网上看到的,执行如下步骤就能看到效果: 随便打开一个网站,网页上必须有图片,否则没效果,页面打开后清除地址栏中的地址,复制如下代码到地址栏中然后按回车: Copy to Clipboard 引用的内[详细]
-
jQuery仿淘宝幻灯片图片轮播效果二款
所属栏目:[Asp教程] 日期:2018-09-22 热度:59
今天再介绍两款仿淘宝网的轮播图片效果,基于 jQuery 框架,如果你的网站很多功能都基于jQuery的话,那么推荐使用,这样可以提高网站的性能,并且jQuery是非常优秀的脚本,通过它可以实现很多功能。 回顾一下以前的jQuery图片轮播: 基于jQuery的超大全屏[详细]
-
js获得图片坐标、移动、显示、隐藏图片的代码
所属栏目:[Asp教程] 日期:2018-09-22 热度:193
本文介绍的特效主要功能有:Js移动图片、获得图片坐标、设置图片隐藏等等,可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片,并实现图片的相对移动。 不错吧,来看效果: 网页演示:点击此处 运行演示: HTMLHEADtitlejs移动图片[详细]
-
点击显示、点击隐藏图片 javascript代码
所属栏目:[Asp教程] 日期:2018-09-22 热度:95
Java Script点击显示、隐藏一个层或一个图片的代码,先定义两个函数分别用来显示、隐藏对象的block,然后用两个超链接调用javascript中的两个函数实现显示或隐藏,其实是非常简单的,但是之前有不少朋友问我怎么弄,这里的图片其实可以换成一个登录用的Div[详细]
-
javascript 新闻幻灯片代码,带有动画效果
所属栏目:[Asp教程] 日期:2018-09-22 热度:166
今天给站长朋友们介绍一个javascript 幻灯片播放的代码,带有动画切换效果,以前在网上见到的都挺复杂感觉,所以自己动手写一个简单的,用时候只需更改图片路径就行了,其它的参数代码里也能改,本代码最大的亮点是简单高效。 跟随烈火一起看一下效果,当[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目:[Asp教程] 日期:2018-09-16 热度:194
这是一款焦点图幻灯片切换的效果,这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方,上海世博的官方主页也使用了flash焦点图片切换,应朋友之要求,现在用 Java Script模拟出来,烈火看了一下效果不错,简洁不失大方,平滑不失动感!喜欢[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目:[Asp教程] 日期:2018-09-16 热度:51
仿 QQ邮箱 图片展示,这是小编刚刚在某知名设计论坛看到一位朋友仿的,感觉还不错,只是有部分网页错误,修正了一下拿来分享给大家,本特效特点:代码简洁、效果精美。喜欢的朋友拿走吧,多多支持烈火网哦! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
无刷新展示图片集 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-09-16 热度:53
你想无刷新的展览一些你的图片作品集?可以的,往元素中加载图片就可以了,有没有想过这也是通过 jQuery 实现的吧,这个效果类似于幻灯片效果,唯一的缺点是:不能显示加载中效果,不能自动幻灯。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitiona[详细]
-
纯Css实现图片阴影代码 非常逼真的效果
所属栏目:[Asp教程] 日期:2018-09-10 热度:67
这是纯CSS实现的逼真图片阴影效果,如果觉得不满意,自己再修改下效果,代码比较简单,主要是使用了Filter滤镜,其中的参数都可以修改的。你可以试着修改各个值,看有什么效果。 演示: htmlheadtitleCSS实现逼真图片阴影效果/titlestyle.shadow {-moz-box[详细]
-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目:[Asp教程] 日期:2018-09-10 热度:199
javascript实现的一款特效,我们经常在一些网站看到,就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了,而是由模糊到清淅,或是由一种不占用过多网络资源的方式先大致显示,然后再慢慢加载,避免因用户等不及将网页关掉,像[详细]
-
超酷的js图片切换代码 带有切片滤镜效果
所属栏目:[Asp教程] 日期:2018-09-10 热度:200
具备切片滤镜效果的 Java Script图片切换,图片像水纹一样过渡切换,可选参数有:风格样式、焦点图数量、切片效果(1为甩头,2为甩尾,3为凌乱,4随机)、焦点图切换间隔时间,本效果是无文字版的,也就是仅是图片在切换,烈火随后会发布有文字版。 示例:[详细]
-
仿必应搜索首页图片上显示渐隐渐现的小方块
所属栏目:[Asp教程] 日期:2018-09-10 热度:69
在图片上方显示渐显渐隐藏的小方格子,微软著名的搜索引擎必应(bing.com)就是使用了这种效果,只不过必应的小方框是可以带链接的,本例中没有实现链接,高手们可以修改一下,抽时间把必应的效果分享给大家,像这样的格子可以有很多,都在响应鼠标动作,[详细]
-
javascript 简单实现图片上传预览功能
所属栏目:[Asp教程] 日期:2018-09-02 热度:148
javascript 简单实现图片上传预览功能的代码,没有用到 jQuery ,各有各的特点吧,如果你的网站之前就用有jQuery话,为了方便起见,最好借助jQuery插件完成本功能。要么你就用现在这个纯 Java Script版本的,很实用的功能。 看一下演示效果: HTMLHEADTITL[详细]
