-
CSS结合PNG图片打水印的实现代码
所属栏目:[Asp教程] 日期:2018-09-09 热度:59
用纯CSS实现水印遮罩,看上去就像大家常见的水印,其实是运用叠加和透明度改变的方法实现两张图片互相折叠在一起。效果非常不错的哦,不过并不实现,这里只是让大家学习一下CSS的叠加技巧,如果真的想给图片打水印,还是利用服务端程序吧。 友情提示:烈火[详细]
-
CSS给图片增加简洁灰色的大边框效果
所属栏目:[Asp教程] 日期:2018-09-09 热度:70
CSS趣味图片边框之带间隔的大边框代码,看似简单,为什么别人做出来都挺漂亮呢?这就是配色和审美的因素了,好好学习一下吧,本效果用最简的代码写出的,其实还可以再精简,不过兼容性就变差了。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
CSS给图片的边框添加阴影效果
所属栏目:[Asp教程] 日期:2018-09-09 热度:101
CSS趣味图片边框之阴影特效代码,这也是大家经常用到的,把一幅图片加上阴影,这样看上去图片是不是更漂亮了,本代码的实现是用一幅自带的阴影图片,用CSs代码去控制阴影图片的显示.当然除此之外,还有其它许多方法都能实现图片阴影. !DOCTYPE html PUBLIC -//W3[详细]
-
js图片循环滚动 向左右两边切换效果
所属栏目:[Asp教程] 日期:2018-09-09 热度:150
JS图片左右切换效果的代码,我费了九牛二虎之力才把这个效果整理好。重新定义了数组。主要是为了编辑们修改方便。图片显示的宽度。对应样式中的宽度也要修改为一致。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
QQ在线状态自定义图片,通过js设置多个号码
所属栏目:[Asp教程] 日期:2018-09-09 热度:166
QQ在线客服状态检测,自定义在线状态图片,可设置不同的QQ号码,号码专一存放在数组里,可以设置无限多个。不过太我的话检测起来就会费时间,甚至为造成网页假死哦。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增[详细]
-
js 实现渐隐图片,鼠标经过时的渐现效果
所属栏目:[Asp教程] 日期:2018-09-05 热度:113
Java Script图片渐现渐隐效果,鼠标放上后激活函数,驱动图片逐渐显示,移开后恢复。本效果基于JS与CSS共同完成,CSS的作用是完成图片透明度的改变,这一步是单步的,Js负责重复这些单步,最终实现淡入淡出效果。 为解决一些网页特效运行后不能显示效果([详细]
-
jQuery 图片自动轮换代码 类似幻灯片效果
所属栏目:[Asp教程] 日期:2018-09-05 热度:66
jquery 自动轮换内容,在代码中可以设置图片的数量,也可以设置切换的时间,如果不想让其轮番的话,也可以让它定时显示一条信息,代码里可以经过设置修改。 以前我们曾经介绍过许多这样的效果,文章回顾: 图片焦点切换展示效果,基于JQuery-1.4.2.js jQuer[详细]
-
jQuery仿淘宝幻灯片图片轮播效果二款
所属栏目:[Asp教程] 日期:2018-09-05 热度:73
今天再介绍两款仿淘宝网的轮播图片效果,基于 jQuery 框架,如果你的网站很多功能都基于jQuery的话,那么推荐使用,这样可以提高网站的性能,并且jQuery是非常优秀的脚本,通过它可以实现很多功能。 回顾一下以前的jQuery图片轮播: 基于jQuery的超大全屏[详细]
-
js获得图片坐标、移动、显示、隐藏图片的代码
所属栏目:[Asp教程] 日期:2018-09-05 热度:110
本文介绍的特效主要功能有:Js移动图片、获得图片坐标、设置图片隐藏等等,可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片,并实现图片的相对移动。 不错吧,来看效果: 网页演示:点击此处 运行演示: HTMLHEADtitlejs移动图片[详细]
-
点击显示、点击隐藏图片 javascript代码
所属栏目:[Asp教程] 日期:2018-09-05 热度:139
Java Script点击显示、隐藏一个层或一个图片的代码,先定义两个函数分别用来显示、隐藏对象的block,然后用两个超链接调用javascript中的两个函数实现显示或隐藏,其实是非常简单的,但是之前有不少朋友问我怎么弄,这里的图片其实可以换成一个登录用的Div[详细]
-
js改变图片透明度 不错的特效代码
所属栏目:[Asp教程] 日期:2018-09-05 热度:53
Js动态改变图片的透明度,在文本框内输入不同的值,背景图片的透明度会改变,从而显示出文字,二者结合形成奇特效果。 现在我们来看一下特效: 网页演示:点击此处 运行演示: htmlheadbase href=http://www.veryhuo.comtitleJs动态改变图片的透明度效果 -[详细]
-
横向带缓冲的图片轮播,可手动控制有页码
所属栏目:[Asp教程] 日期:2018-09-05 热度:186
本文中介绍的特效是由 Java script完成的,仿淘宝网的图片切换,类似相册播放的效果,没有使用 jQuery ,特效中带有页码,可以点击上一页,下一页手动控制切换。 请朋友们注意,代码初次写成,未经重新优化及整理,希望大家继续修正。 效果如下:横向带缓[详细]
-
jQuery 幻灯片两款,缩略图和TAB风格
所属栏目:[Asp教程] 日期:2018-09-05 热度:206
分享两个比较实用的基于 jQuery 的幻灯片吧. 注释写了一个,不想写了,另一个还是原作者的英文注释.非原创,由我改良,无从考证原作者,在此感谢. 至于使用方法也就不写了(我声明了我最近比较懒,哈哈),比较简单,自己看DEMO修改吧. 本文出处:http://mrthink.net[详细]
-
js图片轮播切换特效,没有使用flash
所属栏目:[Asp教程] 日期:2018-09-05 热度:171
关于图片轮播,我们在以前的文章中说到过很多例子,例如:滑动门式的图片轮播切换效果、JavaScript+Css打造的图片轮播幻灯片等,烈火首页的新闻图片轮播也是这样的效果,与以前不同,原来我们经常用到flash做幻灯片新闻效果,现在用flash的越来越少了,尤[详细]
-
间歇滚动的图片跑马灯,鼠标指向停止滚动
所属栏目:[Asp教程] 日期:2018-09-05 热度:178
本文给大家介绍的是利用Js写的一个图片滚动特效,在下面的实例中,图片一边滚动一边暂停,横向的滚动,一般常用到网站的友情链接模块,或者做图片导航相当不错的。注意代码里的nobr这个标签很重要,没有他firefox里无法正常显示。 实例效果: !DOCTYPE htm[详细]
-
jQuery图片切换类代码,多种形式的幻灯片插件
所属栏目:[Asp教程] 日期:2018-08-17 热度:175
jQuery 图片切换类代码,多种形式的幻灯片插件。网上有很多基于Jquery的slide show,效果很漂亮、功能也很全,但是如果要应用某种效果,就非得导入某个插件,而这些文件通常都不会太小,为个一个slide show就导入一个文件,觉得有点不值,所以自己写了一个[详细]
-
jQuery简单的按钮控制图片上下移动代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:67
jQuery 简单的按钮控制图片上下移动代码,使用jQuery框架实现的上下图片滚动效果,代码比较少,同时(界面)也比较简单,上下分别带有控制按钮,通过按钮可控制图片的上下滚动,分享给大家,希望您能够喜欢。 为解决一些网页特效运行后不能显示效果(例如[详细]
-
JS+Css模拟图片滑动切换展示,带多功能按钮
所属栏目:[Asp教程] 日期:2018-08-17 热度:71
Java script结合CSS模拟图片滑动切换展示,作者只是使用了DIV层代替了图片,技术水平非常不错的,如果你想用在自己的网站中,可以自行替换为图片,与以往常见的图片切换有所不同的是,这款图片滑动展示还带有多功能控制按钮! 示例: !DOCTYPE htmlhtml xm[详细]
-
jQuery图片切换代码,响应鼠标滑动效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:162
jQuery 图片切换代码,响应鼠标滑动效果!您第一眼看到这个效果时也许会以为是flash实现的,当你右击时就会明白不是Flash了,这是jQuery结合CSS和图片完成的,动态切换、还可以显示文字标题! 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
JavaScript简单的焦点图,鼠标滑动切换代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:83
Java Script简单的焦点图,鼠标滑动切换代码,简单的滑动效果,已经经过的优化和修改,虽然还有些不是非常完善,但作为第一次写这样的效果,请大家给点鼓励哦。图片切换是大家在平时经常用到的效果,通过效果你也可以学习到一些有用的JS知识。 示例: !DOC[详细]
-
一款黑色风格的JS图片切换效果,代码来自奇艺
所属栏目:[Asp教程] 日期:2018-08-17 热度:96
一款黑色风格的图片切换效果,代码是在百度旗下 奇艺视频 网站整理下来的,怎么说呢!大站设计的东西就是漂亮,无论从UI视觉还是兼容性方面,都是非常棒的,个人站长调用简单方便,当然这里需要您有一定的HTML知识! 示例: !DOCTYPE htmlhtml xmlns=http:[详细]
-
jQuery+Css模拟带标题导航的图片切换效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:63
jQuery +Css模拟带标题导航的图片切换效果,这里只所以给图片两个字加了引号,是解释为没有图片,而是使用了CSS层代替的,同时结合了强大的jQuery插件,给代码带来动感的切换效果,烈火网推荐您用于网站首页图文混排的内容切换形式,当然这里需要您有一定[详细]
-
图片查看器雏形,JS+CSS使用层模拟的代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:123
一款图片查看器雏形,前端技术大牛使用JS+CSS使用层模拟的代码,也就是说使用层替代了图片,同样有图片查看器的效果,右侧有导航切换。测试时候请把li标签内的内容更换为图片,每次点击标题,即可载入对应图片,就像一款 图片浏览器 一样。 示例: !DOCTYP[详细]
-
图片幻灯切换代码,JavaScript实现百叶窗效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:166
图片幻灯切换代码, Java Script实现百叶窗效果,用JS模拟PPT里的幻灯片切换效果,推入推出和淡入淡出的由于太多了,就先不发了,先上百叶窗切换特效热热身。(代码有许多需要优化的地方,最大的一处就是图片缓存,这里只做引出思路之用。 示例: !Doctype[详细]
-
图片旋转特效,JS实现图片左右方向旋转代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:90
Java Script仿微博中的图片旋转特效,图片旋转特效,JS实现图片左右方向旋转代码,可以向左转、向右转,看了sina微薄的图片向左向右旋转效果心痒痒,于是仿照着做了一个,嘿嘿,效果不是太好,图片被拉伸的不像样子了,大家自己换成合适的就可以了。 示例[详细]