-
文字像弹球一样在页面上下浮动
所属栏目:[PHP教程] 日期:2018-10-03 热度:172
烈火网(LieHuo.Net)教程 使用 Java Script控制文字像跳跳球一样在网页上浮动,碰到边缘自动弹回来,目前有些模糊,希望高手们再处理一下,有兴趣看一下。 htmlheadtitle上下跳动的文本/title/headbodydiv id=napisstyle=position: absolute; top: 159px; w[详细]
-
文字溶解特效 JavaScript打造非常酷
所属栏目:[PHP教程] 日期:2018-10-03 热度:160
烈火网(LieHuo.Net)教程 Java Script形成溶解过渡形式的文字切换特效,够酷吧,的你平静如水的网页上旋转这么一个文字特效,一定会吸引不少人的注意力,文字内容和颜色以及字号大小看看代码就会知道怎么改了。 htmltitleJS溶解形式的文字切换特效/titlehea[详细]
-
文字逐行向上平滑无缝滚动 单行、多行代码
所属栏目:[PHP教程] 日期:2018-09-20 热度:57
文字逐行向上平滑滚动 单行、多行代码,相当不错的效果,很平滑,还带有缓冲效果,大气简洁,通用性强,使用了jquery插件,欢迎测试。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
jQuery鼠标点击文本框文字消失离开还原
所属栏目:[PHP教程] 日期:2018-09-20 热度:119
前段时间,烈火发表了《CSS的搜索框,点击文字消失,鼠标离开还原》的文章,这款效果是烈火在一个国外网站发现的,这里主要是实现了CSS效果,当然在input中使用了脚本,纯CSS是不可能实现这种效果的哦! 今天,小编在后台看到一位站长朋友的评论,他用jque[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-09-20 热度:58
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-09-20 热度:181
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-09-20 热度:169
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-09-20 热度:168
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-09-20 热度:50
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
js实现左右反弹的文字 可调整文字移动速度
所属栏目:[PHP教程] 日期:2018-09-20 热度:85
关于文字的特效,我们介绍了不少,例如跑马灯、文字阴影、彩色文字等,今天烈火再给大家介绍类似跑马灯的文字效果。 在下面的特效中,文字左右来回移动,当文字碰到网页左侧则向右反弹,反之,向左反弹,文字移动的速度可以自行调整。 看看效果吧。 htmlhe[详细]
-
CSS3文字特效:简单实现文字阴影效果
所属栏目:[PHP教程] 日期:2018-09-19 热度:160
CSS3文字特效:简单实现文字阴影效果 CSS实现最简单的阴影文字特效,加了阴影之后 ,是不是觉得文字变的很好看,这就是CSS的功能,具体来说,是应用了CSS中的滤镜filter的功能,用它专一生成文字阴影,修改offx 和offy两个参数,可形成不同的效果。 htmlhe[详细]
-
js+按钮控制文字隐藏显示的网页特效
所属栏目:[PHP教程] 日期:2018-09-19 热度:67
这是 Java Script结合botton按钮实现的,显示隐藏某行网页上的文字,当然这些文字是由你指定的,这里主要是用Js去控制div的属性,即时赋值,达到 的效果。将那段文字替换成图片后就可实现显示隐藏图片。 htmlheadtitle隐藏显示文字 - liehuo.net/title/hea[详细]
-
Javascript 文字颜色逐字变红效果代码
所属栏目:[PHP教程] 日期:2018-09-15 热度:144
JS逐字变化文字颜色,一个字一个字的变化,用 Java Script的循环函数来控制颜色设定,当然也可用到其它的地方。 运行演示: htmlheadtitle逐字变化文字颜色 - Liehuo.Net/titlescript language=javascript!--text = 逐字变化文字颜色,烈火学院,Liehuo.Ne[详细]
-
CSS文章列表滑动门:混排、文字、滚动效果
所属栏目:[PHP教程] 日期:2018-09-15 热度:104
这是一款综合的CSS滑动门特效代码,在滑动门里包含列表、包含图文混排、包含文字滚动,其中任意一个都是我们常用的,综合运用这些功能才能做出更炫丽、符合标准的网页来。 注:本特效的代码没有经过优化,仅为了表现功能,如果要用到你的网页话,可以摘录[详细]
-
jQuery图片链接的文字提示效果代码
所属栏目:[PHP教程] 日期:2018-09-15 热度:178
图片链接上鼠标提示效果,主要是在图片上显示提示文字,当把鼠标移上后,图片上就出现了提示,移走后自动消失,其实用JS就能实现 ,不过为了让大家更了解 jQuery 插件,这里使用了jquery1.3.2来实现它,做的不好,请高手勿笑。 网页演示:点击查看 运行演[详细]
-
超级链接悬浮提示 跟随鼠标 jQuery Tooltip
所属栏目:[PHP教程] 日期:2018-09-15 热度:56
以后的网页特效可能真的离不开 jQuery 了,今天介绍的也是jQuery的实例,jQuery Tooltip 示例演示,一款链接信息提示效果,当鼠标放到链接上时,会有悬浮的层提示效果,鼠标移动时悬浮层也跟随移动,很不错的功能,欢迎朋友们研究研究。 网页演示:点击这[详细]
-
js限制、禁止输入框表单提交中文字符
所属栏目:[PHP教程] 日期:2018-09-15 热度:177
今天小编在调试烈火站长工具中的MD5解密功能时,用到了这一功能,关于js禁止、限制提交中文字符的功能,想试一试的朋友请访问下边的网址: MD5解密工具:http://tool.liehuo.net/tool/md5_crack.php (输入中文点解密试试) 怎么样?让我们一起来看看是怎[详细]
-
输入框提示文字,点击清除离开恢复效果
所属栏目:[PHP教程] 日期:2018-09-15 热度:148
今天要介绍的网页特效是利用js功能给输入框(input)增加文字提示效果,当我们用鼠标点击输入框时,文字消失,鼠标离开后,文字恢复。 同时,还增强到提交表单的使用,如果输入为空或者默认不输入的情况下,直接点击提交,就会弹出提示。 当然这些东西都是可[详细]
-
文字交替闪烁效果,js+css配合实现
所属栏目:[PHP教程] 日期:2018-09-15 热度:141
这是一个文字特效,由 Java Script+CSS配合实现。 效果:交互式改变文字颜色值,形成闪烁效果。 文字交替以前就很流行,现在可能有点太小儿科了,不过代码却是基础的,学习一下不枉费。 title文字颜色交替/titlescript language=JavaScript type=text/java[详细]
-
jQuery 多行文字定时滚动,可设置时间和速度
所属栏目:[PHP教程] 日期:2018-09-15 热度:72
刚刚给大家展示了单行文字公告的间歇滚动效果,下面再来看一下多行滚动的效果,有时候我们用js写的间歇滚动效果会出现各种各样的问题,例如:滚动过程中,滚动的时间越长,就容易出现文字显示半行的情况,而 jQuery 这样优秀的js则不会出现此问题。 介绍:[详细]
-
jQuery 单行文字定时滚动,带停顿效果
所属栏目:[PHP教程] 日期:2018-09-15 热度:163
jQuery 单行新闻滚动,很经典的一种滚动形式,滚动后停止一下,然后继续滚动,各大新闻门户网站都有使用过,肯定有朋友会喜欢的。 心动不如行动,马上来看看效果吧! 网页版:点击这里 运行版: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
js 实现超级链接 title 属性显示效果
所属栏目:[PHP教程] 日期:2018-09-15 热度:56
一款链接提示效果,应用于Title标签,欢迎大家指正,可能用起来比较麻烦,不过效果非常不错,熟练的话会觉得用起来很方便哦。 网页效果:点击这里 运行效果: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/D[详细]
-
跟随鼠标的跑马灯滚动文字效果[附注释]
所属栏目:[PHP教程] 日期:2018-09-08 热度:151
刚刚给大家介绍了跑马灯代码(文字滚动)大全,一时兴起,继续给朋友说一些关于marquee标记的使用,本文中我们要介绍的是跟随鼠标的文本框,在文本域中,使用到了javascript,这样,跟随鼠标的滚动文字效果就出来了。 关于代码的使用,烈火已经在下面的实[详细]
-
跑马灯代码大全,网页各种滚动文字汇总
所属栏目:[PHP教程] 日期:2018-09-08 热度:158
自从有互联网以来,作为站长和网页设计师,我们第一关注的特效就是网页跑马灯效果(文字滚动),其实这是HTML的一个语法,算不得什么特效脚本,关于跑马灯的更多文章,请参照烈火提供的HTML手册。 本文提到的有文字向左、文字向右、文字双向滚动、带链接的[详细]
-
网页文字立体渐变特效,基于jQuery+Css编写
所属栏目:[PHP教程] 日期:2018-09-08 热度:127
本文要给大家介绍的是一款基于 jQuery +css实现的网页文字立体渐变的效果,jquery 实现立体的渐变文字特效,你在代码中可以只为文字指定一种颜色,然后代码为你生成另外一种颜色,达到渐变的效果,汉字测试:黑白渐变(不是从白色开始的渐变显示有点异常)[详细]