-
输入框提示文字,点击清除离开恢复效果
所属栏目:[PHP教程] 日期:2018-09-01 热度:104
今天要介绍的网页特效是利用js功能给输入框(input)增加文字提示效果,当我们用鼠标点击输入框时,文字消失,鼠标离开后,文字恢复。 同时,还增强到提交表单的使用,如果输入为空或者默认不输入的情况下,直接点击提交,就会弹出提示。 当然这些东西都是可[详细]
-
文字交替闪烁效果,js+css配合实现
所属栏目:[PHP教程] 日期:2018-09-01 热度:71
这是一个文字特效,由 Java Script+CSS配合实现。 效果:交互式改变文字颜色值,形成闪烁效果。 文字交替以前就很流行,现在可能有点太小儿科了,不过代码却是基础的,学习一下不枉费。 title文字颜色交替/titlescript language=JavaScript type=text/java[详细]
-
jQuery 多行文字定时滚动,可设置时间和速度
所属栏目:[PHP教程] 日期:2018-09-01 热度:132
刚刚给大家展示了单行文字公告的间歇滚动效果,下面再来看一下多行滚动的效果,有时候我们用js写的间歇滚动效果会出现各种各样的问题,例如:滚动过程中,滚动的时间越长,就容易出现文字显示半行的情况,而 jQuery 这样优秀的js则不会出现此问题。 介绍:[详细]
-
jQuery 单行文字定时滚动,带停顿效果
所属栏目:[PHP教程] 日期:2018-09-01 热度:185
jQuery 单行新闻滚动,很经典的一种滚动形式,滚动后停止一下,然后继续滚动,各大新闻门户网站都有使用过,肯定有朋友会喜欢的。 心动不如行动,马上来看看效果吧! 网页版:点击这里 运行版: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
js 实现超级链接 title 属性显示效果
所属栏目:[PHP教程] 日期:2018-09-01 热度:52
一款链接提示效果,应用于Title标签,欢迎大家指正,可能用起来比较麻烦,不过效果非常不错,熟练的话会觉得用起来很方便哦。 网页效果:点击这里 运行效果: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/D[详细]
-
跟随鼠标的跑马灯滚动文字效果[附注释]
所属栏目:[PHP教程] 日期:2018-08-27 热度:163
刚刚给大家介绍了跑马灯代码(文字滚动)大全,一时兴起,继续给朋友说一些关于marquee标记的使用,本文中我们要介绍的是跟随鼠标的文本框,在文本域中,使用到了javascript,这样,跟随鼠标的滚动文字效果就出来了。 关于代码的使用,烈火已经在下面的实[详细]
-
跑马灯代码大全,网页各种滚动文字汇总
所属栏目:[PHP教程] 日期:2018-08-27 热度:157
自从有互联网以来,作为站长和网页设计师,我们第一关注的特效就是网页跑马灯效果(文字滚动),其实这是HTML的一个语法,算不得什么特效脚本,关于跑马灯的更多文章,请参照烈火提供的HTML手册。 本文提到的有文字向左、文字向右、文字双向滚动、带链接的[详细]
-
网页文字立体渐变特效,基于jQuery+Css编写
所属栏目:[PHP教程] 日期:2018-08-27 热度:123
本文要给大家介绍的是一款基于 jQuery +css实现的网页文字立体渐变的效果,jquery 实现立体的渐变文字特效,你在代码中可以只为文字指定一种颜色,然后代码为你生成另外一种颜色,达到渐变的效果,汉字测试:黑白渐变(不是从白色开始的渐变显示有点异常)[详细]
-
文本框即时输出文字,jQuery字体颜色选择器
所属栏目:[PHP教程] 日期:2018-08-27 热度:112
文本框即时输出文字, jQuery 字体颜色选择器 这是使用非常优秀的JS框架JQuery 实现的效果,在下面的运行框点击运行后,您需要按刷新才能显示效果,在文本框中输入文字,动态实时输出文字,然后再按颜色块改变字体的颜色,Ajax的效果类似,在文本框输入文字[详细]
-
jQuery实现点击弹出点击关闭文本域效果
所属栏目:[PHP教程] 日期:2018-08-27 热度:112
这也是一款利用 jQuery 编写的特效代码,记得在以前的教程烈火曾经提到过,所谓的网页特效就是javascript,而现在大家所使用jQuery(中文发音:J快瑞)就是javascript中的一个款优秀框架技术,关于jQuery的学习,请参考烈火提供的jQuery中文学习手册。 对[详细]
-
鼠标放在文字链接上,显示图片的效果代码
所属栏目:[PHP教程] 日期:2018-08-27 热度:181
HTML+CSS 鼠标放在文字链接上,弹出一幅图片的效果代码,其实这算不得什么特效,不过个人博客可以取走用一下,可以吸引小美女哦。 看一下由烈火整理的实例代码: htmltitle鼠标指向文字,弹出美女照片 - Liehuo.Net/titlebodystyle type=text/css!--.thumb[详细]
-
JS垂直无缝滚动代码,带滚动实时像素
所属栏目:[PHP教程] 日期:2018-08-27 热度:116
JS实现的无缝垂直滚动 字幕 ,看一下效果,非常酷吧?绝对是无缝滚动,很平滑,本代码量较少,实现了很好的控制。另外在滚动模块的下方带有滚动像素的实时显示,只要复制代码即可使用哦,当然你可以随便修改代码,烈火网不要钱哦! 来看实例: titleJS垂直[详细]
-
上下左右无缝隙鼠标放上停止的滚动代码
所属栏目:[PHP教程] 日期:2018-08-27 热度:168
本特效是一个上下左右无缝隙的滚动效果,可以设置滚动速度,鼠标放到文字上自动停止滚动,小编收藏已久的,是烈火网原来的技术使用JS写的,在JS脚本中注明了属性的详细使用和设置滚动速度的使用。 实例代码如下: div id=demo style=overflow:hidden;heigh[详细]
-
jQuery实现样式化不同的类型的超级链接
所属栏目:[PHP教程] 日期:2018-08-27 热度:185
jQuery 实现样式化不同的类型的超级链接,绝大多数的浏览器,样式化链接选择器很简单,比如说:样式化一个.pdf链接,你只需简单如此写CSS选择器:a[href $=.pdf]{}。不幸的是,IE6不支持这种选择器(这也是我们讨厌IE的又一个原因!)。但是可以运用jQuery[详细]
-
点击消失文本块 简单而带有幻影效果
所属栏目:[PHP教程] 日期:2018-08-27 热度:164
这是一款点击可让文本块消失的效果,简单而带有幻影,当img class=delete被单击, jQuery 找到div class=pane并修改其opacity值,慢速(slow)渐变到消失(hide),需要你的网页中加载了JQuery才可以哦。点击这里下载:jQuery.js。 !DOCTYPE html PUBLIC -[详细]
-
JS控制文本框输入的文字实时克隆效果
所属栏目:[PHP教程] 日期:2018-08-21 热度:110
JS控制文本框输入的文字实时克隆效果,通过标题我们可以看出,利用 Java Script代码,双重输入文字,会适时将第一个文本框的文字复制到第二个文本框中,像克隆一样,有意思吧,还没有搞懂这功能我们平时在哪儿能用上,先收藏一下。 看不懂文字说明的朋友,[详细]
-
Tips效果,纯CSS带三角可关闭的文字提示
所属栏目:[PHP教程] 日期:2018-08-21 热度:101
一个牛人利用JS+CSS写的多功能Tips,记不清是作者的博客地址了,在这里表示抱歉,作者看到后,请与烈火联系。 主要功能:带小三角的文字提示,可关闭,有两套颜色方案可选择,可按你的要求将显示框定义显示在四个方向,放大或缩小浏览器窗口,不会有丝毫偏[详细]
-
JavaScript 时钟代码,时间文字有倒影效果
所属栏目:[PHP教程] 日期:2018-08-21 热度:150
有关网页时钟的特效代码,烈火以前发表过一些相关文章,与以前的时钟有所不同的是,今天的 Java Script 时钟代码,带有倒影效果,貌似用纯Js实现的,没发现CSS的踪迹,大家不要仅限于这只是一个时钟程序,实际上我们用这种效果还可以做的有很多。 特效演示[详细]
-
带链接的LOGO图片无缝向左滚动,参数可设置
所属栏目:[PHP教程] 日期:2018-08-21 热度:99
我们经常在一些论坛或网站的尾部的看到这样的效果,许多88x31的LOGO,带有链接的图片左右滚动,没错,这个特效经常用于友情链接。 下面烈火就来介绍一个LOGO图片向左无缝滚动的特效,下面的特效中,使用CSS进行了一些修饰,但并不影响滚动效果,如果您想用[详细]
-
文字无缝滚动,响应鼠标停止,可控上下一条
所属栏目:[PHP教程] 日期:2018-08-21 热度:121
一个常见的无缝文字滚动,结合CSS构建的区域形成即时新闻列表,与常见滚动有所不同的是,我们增加了手动控制,即:如果文字滚动错过了想要看的文章标题,您可以按向上或向下的控制按钮进行返回操作。 文字滚动是使用了js控制,烈火在js中进行了标注,您可[详细]
-
jQuery带缩略图和文字的图片切换,文字可隐藏
所属栏目:[PHP教程] 日期:2018-08-21 热度:82
jQuery 图片切换效果,可隐 藏文 字的图片切换效果,带有缩略图,说明文字是动画显示、动画隐藏,当鼠标放到内容上的时候它才会显示出来,平时是隐藏看不到的,这样图片充分被看到,增加美感,也更能吸引人的眼球。 为解决一些网页特效运行后不能显示效果[详细]
-
图片无缝滚动、文字无缝滚动的简单例子
所属栏目:[PHP教程] 日期:2018-08-21 热度:166
图片无缝滚动、文字无缝滚动的简单例子 原理很简单,注册事件之后,立即将元素的innerHTML累加一次。 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对margin或padding的叠加机制,会导致滚动出现跳跃。稳妥的[详细]
-
js仿腾讯网间歇性向上滚动的效果
所属栏目:[PHP教程] 日期:2018-08-21 热度:71
烈35火94网(LieHuo61.Net)网页特效教37程:本文介绍的是一款间歇性向上滚动的效果,烈火以前曾经多次发表此类特效,如您想了解以前此类的网页特效,请使用烈火站内搜索,本例来自腾讯,相信我们大家都在腾讯见过。不固定显示高度,文本向上滚动。 近日,有[详细]
-
鼠标经过OnMouseOver改变文字样式代码
所属栏目:[PHP教程] 日期:2018-08-21 热度:129
鼠标经过OnMouseOver改变文字样式效果 在有些网页上,特别是比较老的网页中,当把鼠标移到某个链接的时候,链接文字会改变样式,由标准字体改为斜体,其实这和移上链接变色是一个道理,本例是用 Java Script实现,用CSS同样可实现,在a:hover里重新定义字[详细]
-
javascript实现点击改变网页文字颜色
所属栏目:[PHP教程] 日期:2018-08-21 热度:136
点击对应的颜色,网页中的文字就会变为所选择的颜色,让网页浏览者适时切换所选择的字体颜色,提升浏览体验,实现方法也很简单,用document控制body对象,设置style的color值即可。 具体实现请看代码: htmlheadtitle让浏览者自己选择网页的文字颜色/title[详细]
