-
网页文字立体渐变特效,基于jQuery+Css编写
所属栏目:[PHP教程] 日期:2018-09-16 热度:114
本文要给大家介绍的是一款基于 jQuery +css实现的网页文字立体渐变的效果,jquery 实现立体的渐变文字特效,你在代码中可以只为文字指定一种颜色,然后代码为你生成另外一种颜色,达到渐变的效果,汉字测试:黑白渐变(不是从白色开始的渐变显示有点异常)[详细]
-
文本框即时输出文字,jQuery字体颜色选择器
所属栏目:[PHP教程] 日期:2018-09-16 热度:142
文本框即时输出文字, jQuery 字体颜色选择器 这是使用非常优秀的JS框架JQuery 实现的效果,在下面的运行框点击运行后,您需要按刷新才能显示效果,在文本框中输入文字,动态实时输出文字,然后再按颜色块改变字体的颜色,Ajax的效果类似,在文本框输入文字[详细]
-
jQuery实现点击弹出点击关闭文本域效果
所属栏目:[PHP教程] 日期:2018-09-16 热度:184
这也是一款利用 jQuery 编写的特效代码,记得在以前的教程烈火曾经提到过,所谓的网页特效就是javascript,而现在大家所使用jQuery(中文发音:J快瑞)就是javascript中的一个款优秀框架技术,关于jQuery的学习,请参考烈火提供的jQuery中文学习手册。 对[详细]
-
鼠标放在文字链接上,显示图片的效果代码
所属栏目:[PHP教程] 日期:2018-09-16 热度:157
HTML+CSS 鼠标放在文字链接上,弹出一幅图片的效果代码,其实这算不得什么特效,不过个人博客可以取走用一下,可以吸引小美女哦。 看一下由烈火整理的实例代码: htmltitle鼠标指向文字,弹出美女照片 - Liehuo.Net/titlebodystyle type=text/css!--.thumb[详细]
-
JS垂直无缝滚动代码,带滚动实时像素
所属栏目:[PHP教程] 日期:2018-09-16 热度:185
JS实现的无缝垂直滚动 字幕 ,看一下效果,非常酷吧?绝对是无缝滚动,很平滑,本代码量较少,实现了很好的控制。另外在滚动模块的下方带有滚动像素的实时显示,只要复制代码即可使用哦,当然你可以随便修改代码,烈火网不要钱哦! 来看实例: titleJS垂直[详细]
-
上下左右无缝隙鼠标放上停止的滚动代码
所属栏目:[PHP教程] 日期:2018-09-16 热度:61
本特效是一个上下左右无缝隙的滚动效果,可以设置滚动速度,鼠标放到文字上自动停止滚动,小编收藏已久的,是烈火网原来的技术使用JS写的,在JS脚本中注明了属性的详细使用和设置滚动速度的使用。 实例代码如下: div id=demo style=overflow:hidden;heigh[详细]
-
jQuery实现样式化不同的类型的超级链接
所属栏目:[PHP教程] 日期:2018-09-16 热度:156
jQuery 实现样式化不同的类型的超级链接,绝大多数的浏览器,样式化链接选择器很简单,比如说:样式化一个.pdf链接,你只需简单如此写CSS选择器:a[href $=.pdf]{}。不幸的是,IE6不支持这种选择器(这也是我们讨厌IE的又一个原因!)。但是可以运用jQuery[详细]
-
点击消失文本块 简单而带有幻影效果
所属栏目:[PHP教程] 日期:2018-09-16 热度:145
这是一款点击可让文本块消失的效果,简单而带有幻影,当img class=delete被单击, jQuery 找到div class=pane并修改其opacity值,慢速(slow)渐变到消失(hide),需要你的网页中加载了JQuery才可以哦。点击这里下载:jQuery.js。 !DOCTYPE html PUBLIC -[详细]
-
Marquee实现向上滚动文字[鼠标指向停止]
所属栏目:[PHP教程] 日期:2018-09-12 热度:131
烈火网(LieHuo.Net)教程 Marquee走马灯标签,用它能实现各种各样的滚动,而只需修改个别参数就行了,在WEB标准时代,Marquee的作用当然也应该与时俱进了,比如本款代码中,它与DIV 的ID配合,实现一个符合W3C标准的文字滚动效果,这里你只需赋给marquee一[详细]
-
Css实现鼠标悬停提示文字信息的效果
所属栏目:[PHP教程] 日期:2018-09-12 热度:103
烈火网(LieHuo.Net)教程 鼠标悬停提示文字信息的效果,一般来说实现这种效果都需要javascript来实现,今天给大家的是一个纯CSS的例子,大家可以研究一下,主要是利用了css中的display:none和属性。 HTMLHEADstyle type=text/css/*Tooltips*/.tooltips{posi[详细]
-
点击文字链接提交Form表单的实例方法
所属栏目:[PHP教程] 日期:2018-09-12 热度:59
烈火网(LieHuo.Net)教程 点击链接文字提交表单的方法,代码超简单,只需把链接地址改为:javascript:welcomeform.submit();就可以了,如果你能表单判断的话,可以这样:onclick=checkform提交,然后在checkform里加入表单判断语句就可以了。 htmlheadtitle[详细]
-
网页特效之平滑文字闪烁效果代码
所属栏目:[PHP教程] 日期:2018-09-12 热度:68
烈火网(LieHuo.Net)教程 基于 Java Script的平滑文字闪烁,不是单纯的闪烁,貌似还带有一点点别的效果,比如淡入/淡出,那些颜色值你是可以变的,改成你想要的,还有闪烁间隔等,都可以修改的. body bgcolor=#fef4d9 onload=TimerID2=setTimeout('fLi2()',500) on[详细]
-
基于 JavaScript 的特效:飘动的文字代码
所属栏目:[PHP教程] 日期:2018-09-12 热度:156
烈火网(LieHuo.Net)教程 基于 Java Script 的特效,飘动的文字,看着还挺自在、洒脱,网上经常见的东西,原来是这么实现的,奉献给大家哦。 title飘动的文字/titlebodyh2div id=jumpx style=color:green/div/h2/bodybr /center如不能显示效果,请按Ctrl+F5[详细]
-
网页中实用的炫彩文字特效代码
所属栏目:[PHP教程] 日期:2018-09-12 热度:122
烈火网(LieHuo.Net)教程 网页上可以用到的炫彩文字,会大大吸引访客的注意力,适合于小站使用,与CSS不相干,纯粹 Java Script实现的东西,代码有点多,建议水平高的站长再进行优化一下。 body/bodybr /center如不能显示效果,请按Ctrl+F5刷新本页,更多网[详细]
-
跟随鼠标闪动的彩色文字效果
所属栏目:[PHP教程] 日期:2018-09-12 热度:120
烈火网(LieHuo.Net)教程 从2009年9月开始,烈火网(http://www.veryhuo.com/)的网页教程发布一些关于鼠标的特效,本文是《跟随鼠标闪动的彩色文字效果》,您可以运行代码查看效果! htmlheadtitle跟随鼠标闪动的彩色文字效果,文章源自:烈火网/titlemeta[详细]
-
网页特效:状态栏跑马灯和渐弹出现效果
所属栏目:[PHP教程] 日期:2018-09-12 热度:137
烈火网(LieHuo.Net)教程 网页真是一个奇妙的东西,不知道有多少人因为HTML而着迷,网页制作不仅仅是赚钱,更是一种难以描述的乐趣,当自己用几千个字母和符号写成页面的时候,成就感应运而来!今天烈火网(liehuo.net)给大家介绍一下网页特效的状态栏效果,[详细]
-
Javascript文字滚动特效(兼容多浏览器)
所属栏目:[PHP教程] 日期:2018-09-12 热度:167
烈火建站学院(LieHuo.Net)网页制作 打造兼容(IE,FF, Opera , Safari , Chrome )多浏览器的 Java Script特效,让文字滚动。请看下面的实例代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra[详细]
-
多行文本滚动切换的网页文字特效
所属栏目:[PHP教程] 日期:2018-09-12 热度:179
网页中某块区域多行文本交替切换滚动出现!可以研究下看看有没有其它用途。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta htt[详细]
-
文字逐行向上平滑无缝滚动 单行、多行代码
所属栏目:[PHP教程] 日期:2018-09-10 热度:84
文字逐行向上平滑滚动 单行、多行代码,相当不错的效果,很平滑,还带有缓冲效果,大气简洁,通用性强,使用了jquery插件,欢迎测试。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
jQuery鼠标点击文本框文字消失离开还原
所属栏目:[PHP教程] 日期:2018-09-10 热度:101
前段时间,烈火发表了《CSS的搜索框,点击文字消失,鼠标离开还原》的文章,这款效果是烈火在一个国外网站发现的,这里主要是实现了CSS效果,当然在input中使用了脚本,纯CSS是不可能实现这种效果的哦! 今天,小编在后台看到一位站长朋友的评论,他用jque[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-09-10 热度:71
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-09-10 热度:171
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-09-10 热度:179
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-09-10 热度:169
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-09-10 热度:52
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]