-
三维旋转的文字特效 可调整参数色调
所属栏目:[PHP教程] 日期:2018-09-11 热度:109
烈火网(LieHuo.Net)教程 三维旋转的文字,就像KTV的花灯一样,用 Java Script完成的,不停旋转的文字特效,给旋转到当前的文字增加炫丽的彩色效果,还行吧,偶比较喜欢的效果,里面的很多参数都是可调的。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tra[详细]
-
文字瞬间切换效果 就像gif的闪烁
所属栏目:[PHP教程] 日期:2018-09-11 热度:136
烈火网(LieHuo.Net)教程 这是一个文字闪烁效果,不同的是它是由两组文字组成 ,在闪烁的过程中可以重复切换,代码中的speed指定字体闪烁的频率,可以把引号内的内容换成你想要的文字,要记住一定要在body中加上onload语句,否则会无效哦。 title文字闪烁/t[详细]
-
文字像弹球一样在页面上下浮动
所属栏目:[PHP教程] 日期:2018-09-11 热度:93
烈火网(LieHuo.Net)教程 使用 Java Script控制文字像跳跳球一样在网页上浮动,碰到边缘自动弹回来,目前有些模糊,希望高手们再处理一下,有兴趣看一下。 htmlheadtitle上下跳动的文本/title/headbodydiv id=napisstyle=position: absolute; top: 159px; w[详细]
-
文字溶解特效 JavaScript打造非常酷
所属栏目:[PHP教程] 日期:2018-09-11 热度:122
烈火网(LieHuo.Net)教程 Java Script形成溶解过渡形式的文字切换特效,够酷吧,的你平静如水的网页上旋转这么一个文字特效,一定会吸引不少人的注意力,文字内容和颜色以及字号大小看看代码就会知道怎么改了。 htmltitleJS溶解形式的文字切换特效/titlehea[详细]
-
输入框提示文字,点击清除离开恢复效果
所属栏目:[PHP教程] 日期:2018-09-05 热度:192
今天要介绍的网页特效是利用js功能给输入框(input)增加文字提示效果,当我们用鼠标点击输入框时,文字消失,鼠标离开后,文字恢复。 同时,还增强到提交表单的使用,如果输入为空或者默认不输入的情况下,直接点击提交,就会弹出提示。 当然这些东西都是可[详细]
-
jQuery 单行文字定时滚动,带停顿效果
所属栏目:[PHP教程] 日期:2018-09-05 热度:186
jQuery 单行新闻滚动,很经典的一种滚动形式,滚动后停止一下,然后继续滚动,各大新闻门户网站都有使用过,肯定有朋友会喜欢的。 心动不如行动,马上来看看效果吧! 网页版:点击这里 运行版: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
js实现左右反弹的文字 可调整文字移动速度
所属栏目:[PHP教程] 日期:2018-08-28 热度:100
关于文字的特效,我们介绍了不少,例如跑马灯、文字阴影、彩色文字等,今天烈火再给大家介绍类似跑马灯的文字效果。 在下面的特效中,文字左右来回移动,当文字碰到网页左侧则向右反弹,反之,向左反弹,文字移动的速度可以自行调整。 看看效果吧。 htmlhe[详细]
-
CSS3文字特效:简单实现文字阴影效果
所属栏目:[PHP教程] 日期:2018-08-28 热度:71
CSS3文字特效:简单实现文字阴影效果 CSS实现最简单的阴影文字特效,加了阴影之后 ,是不是觉得文字变的很好看,这就是CSS的功能,具体来说,是应用了CSS中的滤镜filter的功能,用它专一生成文字阴影,修改offx 和offy两个参数,可形成不同的效果。 htmlhe[详细]
-
js+按钮控制文字隐藏显示的网页特效
所属栏目:[PHP教程] 日期:2018-08-28 热度:103
这是 Java Script结合botton按钮实现的,显示隐藏某行网页上的文字,当然这些文字是由你指定的,这里主要是用Js去控制div的属性,即时赋值,达到 的效果。将那段文字替换成图片后就可实现显示隐藏图片。 htmlheadtitle隐藏显示文字 - liehuo.net/title/hea[详细]
-
js图片切换文字版代码 带有切片滤镜效果
所属栏目:[PHP教程] 日期:2018-08-25 热度:135
刚才介绍了《超酷的js图片切换代码 带有切片滤镜效果》,这是没有文字的,下面来介绍带有文字的实例。 JS水纹切片特效的多幅图片切换效果,带标题,是上个版本的完善版,每张图片可以新增说明性的标题,更具用户体验,设计漂亮美观,有可选参数自定义,兼[详细]
-
js实现文本框输入提示 匹配时文字颜色变化
所属栏目:[PHP教程] 日期:2018-08-25 热度:70
js实现文本框输入提示 匹配时文字颜色变化 这是一种输入提示特效,当你在输入框中输入字母时,如果下边列出的类别中有与你字母相匹配的,那么这些内容将会变成红色,着重显示出来,与输入框下拉提示是基本是一样的,只是换了一个方式。 DEMO: htmlheadmet[详细]
-
js 实现鼠标经过 文字缓缓放大效果代码
所属栏目:[PHP教程] 日期:2018-08-25 热度:119
这是一个类似放大器的效果,但是,有所不同。本效果中,我们将鼠标放在指定的文字区域后,区域内的文字缓缓放大,直至灌满为止。我们可以用在一些受众为老年人的网站上,这样。对于小的文字,就可以使用放大插件了。 演示如下: !DOCTYPE html PUBLIC -//W[详细]
-
文字逐行向上平滑无缝滚动 单行、多行代码
所属栏目:[PHP教程] 日期:2018-08-25 热度:124
文字逐行向上平滑滚动 单行、多行代码,相当不错的效果,很平滑,还带有缓冲效果,大气简洁,通用性强,使用了jquery插件,欢迎测试。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
jQuery鼠标点击文本框文字消失离开还原
所属栏目:[PHP教程] 日期:2018-08-25 热度:68
前段时间,烈火发表了《CSS的搜索框,点击文字消失,鼠标离开还原》的文章,这款效果是烈火在一个国外网站发现的,这里主要是实现了CSS效果,当然在input中使用了脚本,纯CSS是不可能实现这种效果的哦! 今天,小编在后台看到一位站长朋友的评论,他用jque[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-08-25 热度:137
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-08-25 热度:150
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-08-25 热度:100
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-08-25 热度:54
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-08-25 热度:176
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
表单提交用图片代替文字按钮的代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:199
表单提交用图片代替文字按钮的代码,如果你觉得默认的灰色提交按钮太难看,与你的网页风格不相符,你可以学学这种方法,用一个漂亮的小图片代替提交按钮,这样你的网页就更美丽动人了~~ 演示: htmlheadtitle图片提交按钮的实现/title/headbodyform name=f[详细]
-
JavaScript 在输入框中动态添加文字
所属栏目:[PHP教程] 日期:2018-08-22 热度:179
Java Script 在输入框中动态添加文字,实现简单的Ajax效果,其实这个功能到处都是,只不过有时候的对象不是文本框,而是一个Div对象,只要Name设置成Js里的对象,就能实现这种效果。 特效演示: htmlheadtitle在文字区域中添加一行文字/titlescript langua[详细]
-
jQuery 实现每行文字简单的Tips提示效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:172
烈24火84网(LieHuo98.Net)教38程 jQuery 实现每行文字简单的Tips提示效果,其实细心的朋友会发现,与HTML内的TITLE标签有点像,不过这个用好了会比TITLE更灵活,可以自己定义提示框和提示文字的样式及大[详细]
-
JavaScript控制文本框自动缩小文字填充
所属栏目:[PHP教程] 日期:2018-08-22 热度:122
Java Script控制文本框自动缩小文字填充,看标题大家就能明白了,就是指文字在指定大小的文本框input中,实时大小,您可以运行下面的代码查看效果,当我们输入的文字大于文本框的宽度时,文本框内的文字自动缩小,挺有意思吧? 一起来看看特效吧! !DOCTYP[详细]
-
新浪微博大厅文字内容淡入滚动效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:66
新浪微博 大厅滚动tweets-slide, Java Script实现,文字内容滚动时,新内容有淡入效果,貌似这些天有不少朋友需要这功能,前几天已经发了几个了,不过今天发现这款竟然还要好,不敢独享,希望需要的朋友喜欢哦。 特效演示: !doctype htmlhtmlheadtitle新[详细]
-
基于JavaScript的单行消息滚动代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:162
基于 Java Script的单行新闻滚动代码,可添加无数行,只要你有那么多内容,我觉得挺不错,发上来供大家使用和参考。 特效演示: htmlheadmeta http-equiv=Content-Type content=text/html; charset=utf8mb4title滚动最新消息代码/titlestyle type=text/csst[详细]
