-
鼠标放在文字链接上,显示图片的效果代码
所属栏目:[PHP教程] 日期:2018-08-25 热度:163
HTML+CSS 鼠标放在文字链接上,弹出一幅图片的效果代码,其实这算不得什么特效,不过个人博客可以取走用一下,可以吸引小美女哦。 看一下由烈火整理的实例代码: htmltitle鼠标指向文字,弹出美女照片 - Liehuo.Net/titlebodystyle type=text/css!--.thumb[详细]
-
JS垂直无缝滚动代码,带滚动实时像素
所属栏目:[PHP教程] 日期:2018-08-25 热度:174
JS实现的无缝垂直滚动 字幕 ,看一下效果,非常酷吧?绝对是无缝滚动,很平滑,本代码量较少,实现了很好的控制。另外在滚动模块的下方带有滚动像素的实时显示,只要复制代码即可使用哦,当然你可以随便修改代码,烈火网不要钱哦! 来看实例: titleJS垂直[详细]
-
js图片切换文字版代码 带有切片滤镜效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:145
刚才介绍了《超酷的js图片切换代码 带有切片滤镜效果》,这是没有文字的,下面来介绍带有文字的实例。 JS水纹切片特效的多幅图片切换效果,带标题,是上个版本的完善版,每张图片可以新增说明性的标题,更具用户体验,设计漂亮美观,有可选参数自定义,兼[详细]
-
js实现文本框输入提示 匹配时文字颜色变化
所属栏目:[PHP教程] 日期:2018-08-22 热度:56
js实现文本框输入提示 匹配时文字颜色变化 这是一种输入提示特效,当你在输入框中输入字母时,如果下边列出的类别中有与你字母相匹配的,那么这些内容将会变成红色,着重显示出来,与输入框下拉提示是基本是一样的,只是换了一个方式。 DEMO: htmlheadmet[详细]
-
js 实现鼠标经过 文字缓缓放大效果代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:139
这是一个类似放大器的效果,但是,有所不同。本效果中,我们将鼠标放在指定的文字区域后,区域内的文字缓缓放大,直至灌满为止。我们可以用在一些受众为老年人的网站上,这样。对于小的文字,就可以使用放大插件了。 演示如下: !DOCTYPE html PUBLIC -//W[详细]
-
文字逐行向上平滑无缝滚动 单行、多行代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:88
文字逐行向上平滑滚动 单行、多行代码,相当不错的效果,很平滑,还带有缓冲效果,大气简洁,通用性强,使用了jquery插件,欢迎测试。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
jQuery鼠标点击文本框文字消失离开还原
所属栏目:[PHP教程] 日期:2018-08-22 热度:184
前段时间,烈火发表了《CSS的搜索框,点击文字消失,鼠标离开还原》的文章,这款效果是烈火在一个国外网站发现的,这里主要是实现了CSS效果,当然在input中使用了脚本,纯CSS是不可能实现这种效果的哦! 今天,小编在后台看到一位站长朋友的评论,他用jque[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:157
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:159
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:69
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-08-22 热度:161
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-08-22 热度:76
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
表格详解:jQuery选择器参数及用法说明
所属栏目:[PHP教程] 日期:2018-08-19 热度:180
烈火网(LieHuo.Net)教程 本文介绍的不是网页特效,而是以后主流网页特效设计中需要用的优秀JS框架 jQuery 。 jQuery选择器参数及用法详解,从网上无意发现的,觉得很有用,这里发给大家供以后学习查询,其实这些资料对研究jQuery很有帮助,点击运行可看到[详细]
-
JavaScript 表格高亮类的高级应用
所属栏目:[PHP教程] 日期:2018-08-19 热度:162
烈火网(LieHuo.Net)教程 比较高级的 Java Script表格高亮类的应用,代码中的Js可以摘出来单独作为一个表格高亮的修饰类,使用很方便,可以控制表格某行、某列甚至是行列同时高亮显示,运行一下可以看效果。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 St[详细]
-
仿新浪微博滚动,文字渐显向下功能代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:157
又一款仿 新浪微博 滚动,文字渐显向下功能代码。去掉了滚动开始时候的文字渐显效果,似乎更明淅了,又一种风格的新浪微博大厅文字滚动,要的就复制代码吧。 示例: !DOCTYPE HTMLhtml lang=en-USheadmeta charset=UTF-8 /title仿新浪微博滚动/titlestyle[详细]
-
无间断逐行滚动代码,一次一行的文字滚动
所属栏目:[PHP教程] 日期:2018-08-19 热度:160
无间断逐行滚动代码,一次一行的文字滚动,小巧玲珑,小但精致,代码简洁,分享给大家,JS文字滚动也是挺常用的网页效果了,现在用不上,也可以先收藏起来呢。 烈火学院小提示:代码中使用了 Java Script进行分词,以|分隔,童鞋们不妨研究一下。 示例: h[详细]
-
间断停顿的JS文字滚动,无缝循环滚动代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:171
间断停顿的JS文字滚动,无缝循环滚动代码。也就是可以无限制的循环指定的一段文字,简洁实用的网页特效,一般可用于网站首页的公告代码,本例代码简洁,推荐使用。 示例: htmlheadmeta http-equiv=Content-Type content=text/html; charset=gbk /title间[详细]
-
用marquee和css+js实现无缝循环文字滚动效果
所属栏目:[PHP教程] 日期:2018-08-19 热度:61
用marquee实现首尾相连循环滚动效果(仅IE):网络上没见有什么既精简又实用的循环滚动代码,所以就自己写了一个把代码帖上来。这里是要滚动的内容这里是要滚动的内容,同时还有用DIV+javascript实现首尾相连循环滚动效果(兼容firefox)的效果代友。 示例[详细]
-
JavaScript仿新浪微博的文字渐变下滚效果
所属栏目:[PHP教程] 日期:2018-08-19 热度:72
Java Script仿 新浪微博 的文字渐变下滚效果,大家自己看一下就知道是什么样的了,可能有的童鞋会说,这样的效果以前在烈火网看到过好几个呢!那么你答对了,以前这样的例子确实发表过几个,大家可以使用烈火站内搜索来查询! 示例: !DOCTYPE html PUBLIC[详细]
-
jQuery实现超级链接点击变色的效果
所属栏目:[PHP教程] 日期:2018-08-19 热度:188
jQuery 实现超级链接点击变色的效果,点击后文字所在方框的背景会变色,至于变成什么颜色,随你了,本代码的重点是效果的实现,并不局限于细节。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看[详细]
-
两行间歇向上滚动的新闻公告文字JS代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:202
两行间歇向上滚动的新闻公告文字JS代码,适于新闻列表文字滚动,循环向上滚动的文字公告效果,收集整理出来的JS文字滚动代码,网上很多图片滚动和文字连续滚动的代码都不兼容很多浏览器,今天给大家分享出来的滚动代码兼容性还是比较好的,希望大家喜欢这[详细]
-
循环向上滚动的单行文字代码,适于网站公告
所属栏目:[PHP教程] 日期:2018-08-19 热度:64
纯 Java script实现的循环向上滚动的文字公告代码,默认是一行文字的行高,这个大家自己根据需要调整吧,滚动效果修饰的不太好,时间关系,请大家自己美化吧,核心的功能已经完成,而且在多个浏览器中已测试,兼容性还行吧。 示例: title循环向上滚动的文[详细]
-
文本超链接TIPS:动画闪光的提示效果
所属栏目:[PHP教程] 日期:2018-08-17 热度:196
给网页中文本超链接增加一个TIPS,这个提示是动画出现、并且有闪光效果,下边例子中的代码颜色可自行修改,喜欢什么就改成什么,比较适合一些个性的站点,如:个人主页或博客等,欢迎大家继续阅读烈火网的其它教程。 示例: !DOCTYPE html PUBLIC -//W3C//[详细]
-
网页动态显示的数字时钟,可以作为背景使用
所属栏目:[PHP教程] 日期:2018-08-17 热度:174
一款相当漂亮的数字时钟,可以背景的形式存在,不影响网页主体内容的显示,浮在最低层,小时钟设计的挺漂亮,字体大,显示清淅,请点击下边的运行按钮,查看效果。 烈12火53网(LieHuo74.Net)教69程代码: htmlheadTITLE背景时钟/TITLEscript language=java[详细]
-
同一个页面实现多个倒计时的JS代码
所属栏目:[PHP教程] 日期:2018-08-17 热度:205
同一个页面实现多个倒计时的JS代码。一般情况下,我们是用不着的,但是万里有一,也许有一天我们会用到,所以还是要学习一下,哪怕收藏也好。 以下特效通过javascript实现。 演示特效: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http[详细]