-
点击显示、点击隐藏图片 javascript代码
所属栏目:[Asp教程] 日期:2018-09-14 热度:201
Java Script点击显示、隐藏一个层或一个图片的代码,先定义两个函数分别用来显示、隐藏对象的block,然后用两个超链接调用javascript中的两个函数实现显示或隐藏,其实是非常简单的,但是之前有不少朋友问我怎么弄,这里的图片其实可以换成一个登录用的Div[详细]
-
js改变图片透明度 不错的特效代码
所属栏目:[Asp教程] 日期:2018-09-14 热度:160
Js动态改变图片的透明度,在文本框内输入不同的值,背景图片的透明度会改变,从而显示出文字,二者结合形成奇特效果。 现在我们来看一下特效: 网页演示:点击此处 运行演示: htmlheadbase href=http://www.veryhuo.comtitleJs动态改变图片的透明度效果 -[详细]
-
横向带缓冲的图片轮播,可手动控制有页码
所属栏目:[Asp教程] 日期:2018-09-14 热度:116
本文中介绍的特效是由 Java script完成的,仿淘宝网的图片切换,类似相册播放的效果,没有使用 jQuery ,特效中带有页码,可以点击上一页,下一页手动控制切换。 请朋友们注意,代码初次写成,未经重新优化及整理,希望大家继续修正。 效果如下:横向带缓[详细]
-
jQuery 幻灯片两款,缩略图和TAB风格
所属栏目:[Asp教程] 日期:2018-09-14 热度:182
分享两个比较实用的基于 jQuery 的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢. 至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧. 本文出处:http://mrthink.net[详细]
-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-09-14 热度:142
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目:[Asp教程] 日期:2018-09-12 热度:170
仿 QQ邮箱 图片展示,这是小编刚刚在某知名设计论坛看到一位朋友仿的,感觉还不错,只是有部分网页错误,修正了一下拿来分享给大家,本特效特点:代码简洁、效果精美。喜欢的朋友拿走吧,多多支持烈火网哦! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
无刷新展示图片集 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-09-12 热度:134
你想无刷新的展览一些你的图片作品集?可以的,往元素中加载图片就可以了,有没有想过这也是通过 jQuery 实现的吧,这个效果类似于幻灯片效果,唯一的缺点是:不能显示加载中效果,不能自动幻灯。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitiona[详细]
-
JS仿谷歌首页图片导航,响应鼠标动感大小
所属栏目:[Asp教程] 日期:2018-09-10 热度:110
Java Script仿Google首页特效的动感导航菜单,这个效果已经很常见了,鼠标放上后图标会变大,移开后恢复原貌,鼠标连续在图标上的滑过,会有更神奇的效果,看上去不错的导航菜单。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//E[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-09-10 热度:94
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
百度联盟中的一个不错的图片切换特效
所属栏目:[Asp教程] 日期:2018-09-10 热度:136
这是一个网页设计中经常会用到的图片特效,实现多个图片之间的轮换,并分别带有连接,以前的代码只能适用于IE,在FF下始终没有得到很好的解决,今天意外的在百度联盟首页上看到这样的效果,支持FF,收藏起来备用。[详细]
-
强制网页图片自适应大小的网页特效代码
所属栏目:[Asp教程] 日期:2018-09-10 热度:87
用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-09-10 热度:199
这是一个上传图片的预览功能,可以支持目前绝大部分图片格式(.jpg|.gif|.png|.bmp),如果您选择的不是图片类型,会提示图片格式无效,当然你也可以添加已知的图片类型,源码中有提示。目前已经在 Firefox 3,IE6,IE7, IE8 等浏览器测试通过,Firefox 因安[详细]
-
图片幻灯片轮播效果,带缩略图版
所属栏目:[Asp教程] 日期:2018-09-10 热度:171
烈火网(LieHuo.Net)教程 Java Script实现的图片切换效果,我们以前也提到过类似效果,例如《简单高效的javascript 幻灯片播放效果》,不同之处是本版带缩略图显示的,5屏图片幻灯,其实更多一些图片也是可以的,你只需更改数组就行,不过要对布局做些调整[详细]
-
幻灯片特效:Js+CSS实现不需要flash
所属栏目:[Asp教程] 日期:2018-09-10 热度:154
烈火网(LieHuo.Net)教程 今天在某技术论坛转的时候看到一个漂亮的幻灯片效果,是基于js与css打造的,在以前的文章中,我们也曾经发表过关于此类的文章,例如《JavaScript+Css打造的图片轮播幻灯片效果》,与此效果不同之处是链接文字出现在图片的外围,请[详细]
-
JavaScript代码让网页的图片飞起来
所属栏目:[Asp教程] 日期:2018-09-10 热度:137
非常有趣的 Java script特效,能让网页上的图片飞起来,无意在网上看到的,执行如下步骤就能看到效果: 随便打开一个网站,网页上必须有图片,否则没效果,页面打开后清除地址栏中的地址,复制如下代码到地址栏中然后按回车: Copy to Clipboard 引用的内[详细]
-
JavaScript+Css打造的图片轮播幻灯片效果
所属栏目:[Asp教程] 日期:2018-09-10 热度:65
烈火网(LieHuo.Net)教程 幻灯片几乎是现在的网站不必可少的东东,在很久以前的图片轮播(幻灯片)中,我们接触到的大多都是Flash形式的,而现在则流行Js的幻灯效果,今天就给大家分享一篇JS+CSS实现的图片轮播效果,代码内有注释。 !DOCTYPE html PUBLIC -[详细]
-
刷新一次显示不同图片的特效代码
所属栏目:[Asp教程] 日期:2018-09-10 热度:198
利用 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-[详细]
-
纵向滚动的图片 带按钮的滚动JS代码
所属栏目:[Asp教程] 日期:2018-09-04 热度:78
纵向滚动的图片 带按钮的滚动JS代码 纵向的Js图片滚动代码,感应鼠标动作,当鼠标靠近图片两端时就自动滚动了,好像大家用横向的比较多一些,竖向的也是很有个性和特色的 html headtitlejs纵向滚动控制 - Liehuo.Net/titlestyle type=text/css*{padding:0;[详细]
-
js图片放大镜效果 清晰的放大图像
所属栏目:[Asp教程] 日期:2018-09-04 热度:107
js图片放大镜效果 清晰的放大图像 超逼真的JS图片放大镜,效果的确不错,其实是载入了两张一样的图片,只不过被放大的图片像素是小的,在鼠标重载后加载大像素的图片,JS与CSS的配合还原鼠标点很不错,值得参考。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
间歇滚动的图片跑马灯,鼠标指向停止滚动
所属栏目:[Asp教程] 日期:2018-08-28 热度:139
本文给大家介绍的是利用Js写的一个图片滚动特效,在下面的实例中,图片一边滚动一边暂停,横向的滚动,一般常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。 实例效果: !DOCTYPE htm[详细]
-
纯CSS图片阴影效果(无图实现的图片阴影)
所属栏目:[Asp教程] 日期:2018-08-28 热度:159
本文中使用纯CSS给图片添加阴影的效果,没有用到图片,纯CSS实现代码,用背景填充及Margins标签两者结合实现的效果,尝试修改这两个标签的参数会有不同的阴影效果,其实也可使用CSS的滤镜来实现本类效果。 其实这样的实例,在烈火以前的文章中也曾经介绍过[详细]
-
javascript 新闻幻灯片代码,带有动画效果
所属栏目:[Asp教程] 日期:2018-08-28 热度:80
今天给站长朋友们介绍一个javascript 幻灯片播放的代码,带有动画切换效果,以前在网上见到的都挺复杂感觉,所以自己动手写一个简单的,用时候只需更改图片路径就行了,其它的参数代码里也能改,本代码最大的亮点是简单高效。 跟随烈火一起看一下效果,当[详细]
-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目:[Asp教程] 日期:2018-08-28 热度:103
就在刚才,烈火给大家介绍一款类似滑动门的图片轮播效果,现在再给出一款黑色风格带缓冲的JS焦点图代码,效果非常酷,刚刚打开时有Loading加载中效果,图片大小可通过修改CSS自定义实现。 实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目:[Asp教程] 日期:2018-08-28 热度:139
非常不错的图片轮播切换效果,类似于烈火以前提到的滑动门,有所不同的是:本特效可以设置时间自动切换,作者设计的UI原型是一个滑动门,又结合了图片特效,整体效果感觉挺不错,对 Java Script的学习帮助挺大。 看一下实例代码与演示: !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目:[Asp教程] 日期:2018-08-28 热度:186
这是一款JS横向图片滚动代码,带停顿,滚滚停停,打算用的朋友看清楚了:有丰富的滚动参数随便调节,例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项,使用起来非常方便。 我们来看效果演示: !DOCT[详细]