-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-08-23 热度:161
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-08-23 热度:206
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-08-23 热度:196
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-08-23 热度:164
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
js实现左右反弹的文字 可调整文字移动速度
所属栏目:[PHP教程] 日期:2018-08-23 热度:198
关于文字的特效,我们介绍了不少,例如跑马灯、文字阴影、彩色文字等,今天烈火再给大家介绍类似跑马灯的文字效果。 在下面的特效中,文字左右来回移动,当文字碰到网页左侧则向右反弹,反之,向左反弹,文字移动的速度可以自行调整。 看看效果吧。 htmlhe[详细]
-
CSS3文字特效:简单实现文字阴影效果
所属栏目:[PHP教程] 日期:2018-08-23 热度:87
CSS3文字特效:简单实现文字阴影效果 CSS实现最简单的阴影文字特效,加了阴影之后 ,是不是觉得文字变的很好看,这就是CSS的功能,具体来说,是应用了CSS中的滤镜filter的功能,用它专一生成文字阴影,修改offx 和offy两个参数,可形成不同的效果。 htmlhe[详细]
-
js+按钮控制文字隐藏显示的网页特效
所属栏目:[PHP教程] 日期:2018-08-23 热度:100
这是 Java Script结合botton按钮实现的,显示隐藏某行网页上的文字,当然这些文字是由你指定的,这里主要是用Js去控制div的属性,即时赋值,达到 的效果。将那段文字替换成图片后就可实现显示隐藏图片。 htmlheadtitle隐藏显示文字 - liehuo.net/title/hea[详细]
-
Javascript 文字颜色逐字变红效果代码
所属栏目:[PHP教程] 日期:2018-08-23 热度:136
JS逐字变化文字颜色,一个字一个字的变化,用 Java Script的循环函数来控制颜色设定,当然也可用到其它的地方。 运行演示: htmlheadtitle逐字变化文字颜色 - Liehuo.Net/titlescript language=javascript!--text = 逐字变化文字颜色,烈火学院,Liehuo.Ne[详细]
-
CSS文章列表滑动门:混排、文字、滚动效果
所属栏目:[PHP教程] 日期:2018-08-23 热度:203
这是一款综合的CSS滑动门特效代码,在滑动门里包含列表、包含图文混排、包含文字滚动,其中任意一个都是我们常用的,综合运用这些功能才能做出更炫丽、符合标准的网页来。 注:本特效的代码没有经过优化,仅为了表现功能,如果要用到你的网页话,可以摘录[详细]
-
基于JavaScript的单行消息滚动代码
所属栏目:[PHP教程] 日期:2018-08-20 热度:181
基于 Java Script的单行新闻滚动代码,可添加无数行,只要你有那么多内容,我觉得挺不错,发上来供大家使用和参考。 特效演示: htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title滚动最新消息代码/titlestyle type=text/csst[详细]
-
JS渐闪文字滚动,来自新浪微博首页
所属栏目:[PHP教程] 日期:2018-08-20 热度:59
JS渐闪文字滚动,来自 新浪微博 首页。将推荐的几条微博按一定规律自行滚动,滚动时有渐入闪动效果,依次类推,大家先看看效果就明白了,然后在新浪微博首页仍然在使用哦,可能我写的代码还不是最佳优化状态,但是我觉得这已经不错了。 演示: !DOCTYPE ht[详细]
-
新浪微博首页“大家正在说”文字滚动代码
所属栏目:[PHP教程] 日期:2018-08-20 热度:73
新浪微博 首页大家正在说文字滚动代码,有朋友喜欢,于是就把代码扣下来,供大家学习。 有淡入淡出的效果,新内容渐渐滚出来,旧内容慢慢滚动下去,貌似很新奇的一种方式。 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
JS文本滚动特效,间断和不间断两种
所属栏目:[PHP教程] 日期:2018-08-20 热度:179
JS文本滚动特效,间断和不间断两种, Java script配合CSS简单实现,有间断和不间断两种,文本滚动代码,文字在一行高度范围内不间断滚动,还有一个是间断滚动,滚动一次后会稍停片刻再次滚动。 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
JS横向的左右滚动,响应鼠标向左或向右
所属栏目:[PHP教程] 日期:2018-08-20 热度:116
Java Script 横向的左右滚动,为了节省时间,没有添加图片,在两侧分别有向左和向右的按钮,响应鼠标,当鼠标指向(无需点击)时,即可向左或向右滚动。当然,如果你想用在自己的网页上,可以将里面的文字替换为图片即可,整体效果还是不错的。 特效演示:[详细]
-
JS控制文本框输入的文字实时克隆效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:173
JS控制文本框输入的文字实时克隆效果,通过标题我们可以看出,利用 Java Script代码,双重输入文字,会适时将第一个文本框的文字复制到第二个文本框中,像克隆一样,有意思吧,还没有搞懂这功能我们平时在哪儿能用上,先收藏一下。 看不懂文字说明的朋友,[详细]
-
Tips效果,纯CSS带三角可关闭的文字提示
所属栏目:[PHP教程] 日期:2018-08-20 热度:106
一个牛人利用JS+CSS写的多功能Tips,记不清是作者的博客地址了,在这里表示抱歉,作者看到后,请与烈火联系。 主要功能:带小三角的文字提示,可关闭,有两套颜色方案可选择,可按你的要求将显示框定义显示在四个方向,放大或缩小浏览器窗口,不会有丝毫偏[详细]
-
JavaScript 时钟代码,时间文字有倒影效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:146
有关网页时钟的特效代码,烈火以前发表过一些相关文章,与以前的时钟有所不同的是,今天的 Java Script 时钟代码,带有倒影效果,貌似用纯Js实现的,没发现CSS的踪迹,大家不要仅限于这只是一个时钟程序,实际上我们用这种效果还可以做的有很多。 特效演示[详细]
-
带链接的LOGO图片无缝向左滚动,参数可设置
所属栏目:[PHP教程] 日期:2018-08-20 热度:196
我们经常在一些论坛或网站的尾部的看到这样的效果,许多88x31的LOGO,带有链接的图片左右滚动,没错,这个特效经常用于友情链接。 下面烈火就来介绍一个LOGO图片向左无缝滚动的特效,下面的特效中,使用CSS进行了一些修饰,但并不影响滚动效果,如果您想用[详细]
-
文字无缝滚动,响应鼠标停止,可控上下一条
所属栏目:[PHP教程] 日期:2018-08-20 热度:131
一个常见的无缝文字滚动,结合CSS构建的区域形成即时新闻列表,与常见滚动有所不同的是,我们增加了手动控制,即:如果文字滚动错过了想要看的文章标题,您可以按向上或向下的控制按钮进行返回操作。 文字滚动是使用了js控制,烈火在js中进行了标注,您可[详细]
-
JavaScript 中文时间显示的实现代码
所属栏目:[PHP教程] 日期:2018-08-18 热度:76
Java Script 中文时间显示的实现代码。 即:用全中文在网页上显示日期和时间,用 字符串替换 技术去实现这一功能,其实大可不必用中文显示,有时候并不适合我们的阅读习惯,这里仅是一个教程实例,介绍字符串处理的一种方法,相信对JavaScript初学者还是有[详细]
-
网页倒计时代码,可用于限时抢购/购物等
所属栏目:[PHP教程] 日期:2018-08-18 热度:115
一款比较经典的JS代码,烈火节日频道一直在使用,倒计时代码一般来说可以用于限时抢购、节日及重大活动的倒计时,我们在网上经常见到,唯一不足之处就是不能限制客户端时间,如果客户端时间不准确,那么倒计时也就不准确了。 看一下演示吧: !DOCTYPE html[详细]
-
javascript 获得上周、本周、下周具体日期
所属栏目:[PHP教程] 日期:2018-08-18 热度:120
又一款js获取日期时间的例子,相对来说没什么复杂的,比较经典,在以前的实例中我们也曾经介绍过。 Java Script 列出每个星期7天的具体日期,从本周开始,依次获取并显示上周、本周、下角三个星期中,每个星期7天的具体日期,一种Js算法的应用范例,值得大[详细]
-
js获取当前时间并以时钟显示在input文本框
所属栏目:[PHP教程] 日期:2018-08-18 热度:150
js获取当前时间并以时钟显示在input文本框,这款时间特效来的非常巧,本来烈火已经自己写了一个PHP获取时间的效果,但是不太合适,所以就想写一个js的脚本,由于小编js水平一般,所以就在网上找到一些代码,但是都不能用,于是经过修改,可以使用了,特别[详细]
-
js倒计时代码:广州亚运会开幕还有xx时间
所属栏目:[PHP教程] 日期:2018-08-18 热度:83
在浏览网站的时候经常可以看到距离XXX还有多少天,于是上网找了代码,分享一下: SCRIPT language= Java Scriptvar myDay= new Date(11-13-2010);var dayTitle= 广州亚运会开幕;var now = new Date();var date = myDay.getTime() - now.getTime();var time[详细]
-
漂亮的js日历代码 显示当前时间
所属栏目:[PHP教程] 日期:2018-08-18 热度:78
带当前时间显示的js日历,不但有日历选择功能,还可显示当前时间,当然也可将当前时间插入到文本框中,具体的操作还需研究一番。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处 运行[详细]
