-
jQuery实现点击弹出点击关闭文本域效果
所属栏目:[PHP教程] 日期:2018-09-01 热度:175
这也是一款利用 jQuery 编写的特效代码,记得在以前的教程烈火曾经提到过,所谓的网页特效就是javascript,而现在大家所使用jQuery(中文发音:J快瑞)就是javascript中的一个款优秀框架技术,关于jQuery的学习,请参考烈火提供的jQuery中文学习手册。 对[详细]
-
鼠标放在文字链接上,显示图片的效果代码
所属栏目:[PHP教程] 日期:2018-09-01 热度:139
HTML+CSS 鼠标放在文字链接上,弹出一幅图片的效果代码,其实这算不得什么特效,不过个人博客可以取走用一下,可以吸引小美女哦。 看一下由烈火整理的实例代码: htmltitle鼠标指向文字,弹出美女照片 - Liehuo.Net/titlebodystyle type=text/css!--.thumb[详细]
-
JS垂直无缝滚动代码,带滚动实时像素
所属栏目:[PHP教程] 日期:2018-09-01 热度:57
JS实现的无缝垂直滚动 字幕 ,看一下效果,非常酷吧?绝对是无缝滚动,很平滑,本代码量较少,实现了很好的控制。另外在滚动模块的下方带有滚动像素的实时显示,只要复制代码即可使用哦,当然你可以随便修改代码,烈火网不要钱哦! 来看实例: titleJS垂直[详细]
-
上下左右无缝隙鼠标放上停止的滚动代码
所属栏目:[PHP教程] 日期:2018-09-01 热度:71
本特效是一个上下左右无缝隙的滚动效果,可以设置滚动速度,鼠标放到文字上自动停止滚动,小编收藏已久的,是烈火网原来的技术使用JS写的,在JS脚本中注明了属性的详细使用和设置滚动速度的使用。 实例代码如下: div id=demo style=overflow:hidden;heigh[详细]
-
jQuery实现样式化不同的类型的超级链接
所属栏目:[PHP教程] 日期:2018-09-01 热度:199
jQuery 实现样式化不同的类型的超级链接,绝大多数的浏览器,样式化链接选择器很简单,比如说:样式化一个.pdf链接,你只需简单如此写CSS选择器:a[href $=.pdf]{}。不幸的是,IE6不支持这种选择器(这也是我们讨厌IE的又一个原因!)。但是可以运用jQuery[详细]
-
点击消失文本块 简单而带有幻影效果
所属栏目:[PHP教程] 日期:2018-09-01 热度:57
这是一款点击可让文本块消失的效果,简单而带有幻影,当img class=delete被单击, jQuery 找到div class=pane并修改其opacity值,慢速(slow)渐变到消失(hide),需要你的网页中加载了JQuery才可以哦。点击这里下载:jQuery.js。 !DOCTYPE html PUBLIC -[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-08-24 热度:92
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-08-24 热度:121
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-08-24 热度:117
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-08-24 热度:107
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-08-24 热度:199
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
js实现左右反弹的文字 可调整文字移动速度
所属栏目:[PHP教程] 日期:2018-08-24 热度:141
关于文字的特效,我们介绍了不少,例如跑马灯、文字阴影、彩色文字等,今天烈火再给大家介绍类似跑马灯的文字效果。 在下面的特效中,文字左右来回移动,当文字碰到网页左侧则向右反弹,反之,向左反弹,文字移动的速度可以自行调整。 看看效果吧。 htmlhe[详细]
-
CSS3文字特效:简单实现文字阴影效果
所属栏目:[PHP教程] 日期:2018-08-24 热度:79
CSS3文字特效:简单实现文字阴影效果 CSS实现最简单的阴影文字特效,加了阴影之后 ,是不是觉得文字变的很好看,这就是CSS的功能,具体来说,是应用了CSS中的滤镜filter的功能,用它专一生成文字阴影,修改offx 和offy两个参数,可形成不同的效果。 htmlhe[详细]
-
js+按钮控制文字隐藏显示的网页特效
所属栏目:[PHP教程] 日期:2018-08-24 热度:120
这是 Java Script结合botton按钮实现的,显示隐藏某行网页上的文字,当然这些文字是由你指定的,这里主要是用Js去控制div的属性,即时赋值,达到 的效果。将那段文字替换成图片后就可实现显示隐藏图片。 htmlheadtitle隐藏显示文字 - liehuo.net/title/hea[详细]
-
Javascript 文字颜色逐字变红效果代码
所属栏目:[PHP教程] 日期:2018-08-24 热度:85
JS逐字变化文字颜色,一个字一个字的变化,用 Java Script的循环函数来控制颜色设定,当然也可用到其它的地方。 运行演示: htmlheadtitle逐字变化文字颜色 - Liehuo.Net/titlescript language=javascript!--text = 逐字变化文字颜色,烈火学院,Liehuo.Ne[详细]
-
CSS文章列表滑动门:混排、文字、滚动效果
所属栏目:[PHP教程] 日期:2018-08-24 热度:105
这是一款综合的CSS滑动门特效代码,在滑动门里包含列表、包含图文混排、包含文字滚动,其中任意一个都是我们常用的,综合运用这些功能才能做出更炫丽、符合标准的网页来。 注:本特效的代码没有经过优化,仅为了表现功能,如果要用到你的网页话,可以摘录[详细]
-
图片预览特效,鼠标移至小图动态显示大图代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:65
基于 jQuery 的图片预览特效,当我们把鼠标移至小图上时,动态弹出大图显示效果,经常访问veryhuo的同学肯定发现这个效果有点眼熟,是的。就在本月23日(大前天)我们发表的jQuery响应鼠标的图片放大显示效果,与今天同出一辙,有时间和兴趣的朋友不妨来比[详细]
-
超链接的提示中显示图片URL Screenshot Preview
所属栏目:[PHP教程] 日期:2018-08-16 热度:118
URL Screenshot Preview with jQuery 是一个超链接的提示中显示图片的特效代码,你只需在网页中引入自定义的函数及jquery插件,然后在需要显示图片的地方添加rel属性,这样当你把鼠标移在文字链接上的时候,它就会显示出图片。 为解决一些网页特效运行后不[详细]
-
jQuery完成文字链接提示Tooltip美化效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:108
本周三刚刚发表了《jQuery给文本链接添加动态title提示Tips效果》,今天再给出一个类似的效果,与此相关的特效烈火网还有一些,例如:跟随鼠标的超级链接悬浮提示效果,还有一个图片提示效果,也是跟随鼠标的,更多特效,请您关注烈火网。 为解决一些网页[详细]
-
jQuery给文本链接添加动态title提示Tips效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:89
jQuery 给文本链接添加动态title提示Tips效果,我们都知道普通html下的title提示是死板的,而引入了jQuery之后,我们可以给它定义多种形式的效果,例如:jQuery增加带背景阴影效果的链接提示,类似这样的效果,烈火网还发表过许多,您可以使用站内搜索查找[详细]
-
指定范围内,实时改变网页字体大小,jQuery代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:168
前边介绍了jQuery无限制增加和缩小网页字体的代码,有的站长朋友来咨询烈火说,能不能给缩放字体的大小设置一个范围呢?回答肯定是可以的,本文就 这样的例子,我们一起来看看。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,[详细]
-
jquery实时控制网页字体,无限制放大缩小
所属栏目:[PHP教程] 日期:2018-08-16 热度:118
jquery实时控制网页字体,无限制放大缩[详细]
-
文本链接实现带阴影的Tips提示效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:58
一个使用 Java Script实现文本链接带阴影的Tips提示效果,看上去挺不错,不过代码有点复杂,大家参考一下吧,不建议使用。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf[详细]
-
jQuery简单实现鼠标点击链接变色,文字变颜色
所属栏目:[PHP教程] 日期:2018-08-16 热度:62
jQuery 简单实现鼠标点击链接变色,文字变颜色!鼠标点击第一个链接文字变色同时出现背景色,点下一个链接时,第一个链接恢复原来样式。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特[详细]
-
黑色背景下绿色数字飘落效果,仿黑客帝国字幕
所属栏目:[PHP教程] 日期:2018-08-16 热度:169
一款JAVASCRIPT文字特效,黑色背景下绿色数字快速飘落效果,像电影黑客帝国中的序幕效果一样,内含代码使用说明,其实你可以跳过文字说明,只摘录有用的代码即可,文字特效可美化你的网页,适合个人主页。 示例: style!--BODY{FONT-FAMILY: 宋体; FONT-SI[详细]
