-
纵向滚动的图片 带按钮的滚动JS代码
所属栏目:[Asp教程] 日期:2018-09-25 热度:196
纵向滚动的图片 带按钮的滚动JS代码 纵向的Js图片滚动代码,感应鼠标动作,当鼠标靠近图片两端时就自动滚动了,好像大家用横向的比较多一些,竖向的也是很有个性和特色的 html headtitlejs纵向滚动控制 - Liehuo.Net/titlestyle type=text/css*{padding:0;[详细]
-
间歇滚动的图片跑马灯,鼠标指向停止滚动
所属栏目:[Asp教程] 日期:2018-09-22 热度:174
本文给大家介绍的是利用Js写的一个图片滚动特效,在下面的实例中,图片一边滚动一边暂停,横向的滚动,一般常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。 实例效果: !DOCTYPE htm[详细]
-
纯CSS图片阴影效果(无图实现的图片阴影)
所属栏目:[Asp教程] 日期:2018-09-22 热度:149
本文中使用纯CSS给图片添加阴影的效果,没有用到图片,纯CSS实现代码,用背景填充及Margins标签两者结合实现的效果,尝试修改这两个标签的参数会有不同的阴影效果,其实也可使用CSS的滤镜来实现本类效果。 其实这样的实例,在烈火以前的文章中也曾经介绍过[详细]
-
javascript 新闻幻灯片代码,带有动画效果
所属栏目:[Asp教程] 日期:2018-09-22 热度:130
今天给站长朋友们介绍一个javascript 幻灯片播放的代码,带有动画切换效果,以前在网上见到的都挺复杂感觉,所以自己动手写一个简单的,用时候只需更改图片路径就行了,其它的参数代码里也能改,本代码最大的亮点是简单高效。 跟随烈火一起看一下效果,当[详细]
-
JS仿谷歌首页图片导航,响应鼠标动感大小
所属栏目:[Asp教程] 日期:2018-09-21 热度:61
Java Script仿Google首页特效的动感导航菜单,这个效果已经很常见了,鼠标放上后图标会变大,移开后恢复原貌,鼠标连续在图标上的滑过,会有更神奇的效果,看上去不错的导航菜单。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//E[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-09-07 热度:198
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
QQ在线状态自定义图片,通过js设置多个号码
所属栏目:[Asp教程] 日期:2018-09-04 热度:65
QQ在线客服状态检测,自定义在线状态图片,可设置不同的QQ号码,号码专一存放在数组里,可以设置无限多个。不过太我的话检测起来就会费时间,甚至为造成网页假死哦。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增[详细]
-
js 实现渐隐图片,鼠标经过时的渐现效果
所属栏目:[Asp教程] 日期:2018-09-04 热度:170
Java Script图片渐现渐隐效果,鼠标放上后激活函数,驱动图片逐渐显示,移开后恢复。本效果基于JS与CSS共同完成,CSS的作用是完成图片透明度的改变,这一步是单步的,Js负责重复这些单步,最终实现淡入淡出效果。 为解决一些网页特效运行后不能显示效果([详细]
-
jQuery 图片自动轮换代码 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-09-04 热度:64
jquery 自动轮换内容,在代码中可以设置图片的数量,也可以设置切换的时间,如果不想让其轮番的话,也可以让它定时显示一条信息,代码里可以经过设置修改。 以前我们曾经介绍过许多这样的效果,文章回顾: 图片焦点切换展示效果,基于JQuery-1.4.2.js jQuer[详细]
-
jQuery仿淘宝幻灯片图片轮播效果二款
所属栏目:[Asp教程] 日期:2018-09-04 热度:164
今天再介绍两款仿淘宝网的轮播图片效果,基于 jQuery 框架,如果你的网站很多功能都基于jQuery的话,那么推荐使用,这样可以提高网站的性能,并且jQuery是非常优秀的脚本,通过它可以实现很多功能。 回顾一下以前的jQuery图片轮播: 基于jQuery的超大全屏[详细]
-
js获得图片坐标、移动、显示、隐藏图片的代码
所属栏目:[Asp教程] 日期:2018-09-04 热度:96
本文介绍的特效主要功能有:Js移动图片、获得图片坐标、设置图片隐藏等等,可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片,并实现图片的相对移动。 不错吧,来看效果: 网页演示:点击此处 运行演示: HTMLHEADtitlejs移动图片[详细]
-
点击显示、点击隐藏图片 javascript代码
所属栏目:[Asp教程] 日期:2018-09-04 热度:175
Java Script点击显示、隐藏一个层或一个图片的代码,先定义两个函数分别用来显示、隐藏对象的block,然后用两个超链接调用javascript中的两个函数实现显示或隐藏,其实是非常简单的,但是之前有不少朋友问我怎么弄,这里的图片其实可以换成一个登录用的Div[详细]
-
js改变图片透明度 不错的特效代码
所属栏目:[Asp教程] 日期:2018-09-04 热度:82
Js动态改变图片的透明度,在文本框内输入不同的值,背景图片的透明度会改变,从而显示出文字,二者结合形成奇特效果。 现在我们来看一下特效: 网页演示:点击此处 运行演示: htmlheadbase href=http://www.veryhuo.comtitleJs动态改变图片的透明度效果 -[详细]
-
横向带缓冲的图片轮播,可手动控制有页码
所属栏目:[Asp教程] 日期:2018-09-04 热度:95
本文中介绍的特效是由 Java script完成的,仿淘宝网的图片切换,类似相册播放的效果,没有使用 jQuery ,特效中带有页码,可以点击上一页,下一页手动控制切换。 请朋友们注意,代码初次写成,未经重新优化及整理,希望大家继续修正。 效果如下:横向带缓[详细]
-
jQuery 幻灯片两款,缩略图和TAB风格
所属栏目:[Asp教程] 日期:2018-09-04 热度:58
分享两个比较实用的基于 jQuery 的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢. 至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧. 本文出处:http://mrthink.net[详细]
-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-09-04 热度:141
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目:[Asp教程] 日期:2018-08-29 热度:53
仿 QQ邮箱 图片展示,这是小编刚刚在某知名设计论坛看到一位朋友仿的,感觉还不错,只是有部分网页错误,修正了一下拿来分享给大家,本特效特点:代码简洁、效果精美。喜欢的朋友拿走吧,多多支持烈火网哦! !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
无刷新展示图片集 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-29 热度:141
你想无刷新的展览一些你的图片作品集?可以的,往元素中加载图片就可以了,有没有想过这也是通过 jQuery 实现的吧,这个效果类似于幻灯片效果,唯一的缺点是:不能显示加载中效果,不能自动幻灯。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitiona[详细]
-
上传图片前预览功能 兼容多个浏览器
所属栏目:[Asp教程] 日期:2018-08-29 热度:140
这是一个上传图片的预览功能,可以支持目前绝大部分图片格式(.jpg|.gif|.png|.bmp),如果您选择的不是图片类型,会提示图片格式无效,当然你也可以添加已知的图片类型,源码中有提示。目前已经在 Firefox 3,IE6,IE7, IE8 等浏览器测试通过,Firefox 因安[详细]
-
图片幻灯片轮播效果,带缩略图版
所属栏目:[Asp教程] 日期:2018-08-29 热度:125
烈火网(LieHuo.Net)教程 Java Script实现的图片切换效果,我们以前也提到过类似效果,例如《简单高效的javascript 幻灯片播放效果》,不同之处是本版带缩略图显示的,5屏图片幻灯,其实更多一些图片也是可以的,你只需更改数组就行,不过要对布局做些调整[详细]
-
JavaScript代码让网页的图片飞起来
所属栏目:[Asp教程] 日期:2018-08-29 热度:195
非常有趣的 Java script特效,能让网页上的图片飞起来,无意在网上看到的,执行如下步骤就能看到效果: 随便打开一个网站,网页上必须有图片,否则没效果,页面打开后清除地址栏中的地址,复制如下代码到地址栏中然后按回车: Copy to Clipboard 引用的内[详细]
-
幻灯片特效:Js+CSS实现不需要flash
所属栏目:[Asp教程] 日期:2018-08-29 热度:159
烈火网(LieHuo.Net)教程 今天在某技术论坛转的时候看到一个漂亮的幻灯片效果,是基于js与css打造的,在以前的文章中,我们也曾经发表过关于此类的文章,例如《JavaScript+Css打造的图片轮播幻灯片效果》,与此效果不同之处是链接文字出现在图片的外围,请[详细]
-
JavaScript+Css打造的图片轮播幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-29 热度:68
烈火网(LieHuo.Net)教程 幻灯片几乎是现在的网站不必可少的东东,在很久以前的图片轮播(幻灯片)中,我们接触到的大多都是Flash形式的,而现在则流行Js的幻灯效果,今天就给大家分享一篇JS+CSS实现的图片轮播效果,代码内有注释。 !DOCTYPE html PUBLIC -[详细]
-
刷新一次显示不同图片的特效代码
所属栏目:[Asp教程] 日期:2018-08-29 热度:69
利用 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-29 热度:158
用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=[详细]