-
网页特效:状态栏跑马灯和渐弹出现效果
所属栏目:[PHP教程] 日期:2018-08-30 热度:61
烈火网(LieHuo.Net)教程 网页真是一个奇妙的东西,不知道有多少人因为HTML而着迷,网页制作不仅仅是赚钱,更是一种难以描述的乐趣,当自己用几千个字母和符号写成页面的时候,成就感应运而来!今天烈火网(liehuo.net)给大家介绍一下网页特效的状态栏效果,[详细]
-
Javascript文字滚动特效(兼容多浏览器)
所属栏目:[PHP教程] 日期:2018-08-30 热度:113
烈火建站学院(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-08-30 热度:145
网页中某块区域多行文本交替切换滚动出现!可以研究下看看有没有其它用途。 !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[详细]
-
JS控制文本框输入的文字实时克隆效果
所属栏目:[PHP教程] 日期:2018-08-24 热度:101
JS控制文本框输入的文字实时克隆效果,通过标题我们可以看出,利用 Java Script代码,双重输入文字,会适时将第一个文本框的文字复制到第二个文本框中,像克隆一样,有意思吧,还没有搞懂这功能我们平时在哪儿能用上,先收藏一下。 看不懂文字说明的朋友,[详细]
-
Tips效果,纯CSS带三角可关闭的文字提示
所属栏目:[PHP教程] 日期:2018-08-24 热度:158
一个牛人利用JS+CSS写的多功能Tips,记不清是作者的博客地址了,在这里表示抱歉,作者看到后,请与烈火联系。 主要功能:带小三角的文字提示,可关闭,有两套颜色方案可选择,可按你的要求将显示框定义显示在四个方向,放大或缩小浏览器窗口,不会有丝毫偏[详细]
-
JavaScript 时钟代码,时间文字有倒影效果
所属栏目:[PHP教程] 日期:2018-08-24 热度:66
有关网页时钟的特效代码,烈火以前发表过一些相关文章,与以前的时钟有所不同的是,今天的 Java Script 时钟代码,带有倒影效果,貌似用纯Js实现的,没发现CSS的踪迹,大家不要仅限于这只是一个时钟程序,实际上我们用这种效果还可以做的有很多。 特效演示[详细]
-
带链接的LOGO图片无缝向左滚动,参数可设置
所属栏目:[PHP教程] 日期:2018-08-24 热度:181
我们经常在一些论坛或网站的尾部的看到这样的效果,许多88x31的LOGO,带有链接的图片左右滚动,没错,这个特效经常用于友情链接。 下面烈火就来介绍一个LOGO图片向左无缝滚动的特效,下面的特效中,使用CSS进行了一些修饰,但并不影响滚动效果,如果您想用[详细]
-
文字无缝滚动,响应鼠标停止,可控上下一条
所属栏目:[PHP教程] 日期:2018-08-24 热度:87
一个常见的无缝文字滚动,结合CSS构建的区域形成即时新闻列表,与常见滚动有所不同的是,我们增加了手动控制,即:如果文字滚动错过了想要看的文章标题,您可以按向上或向下的控制按钮进行返回操作。 文字滚动是使用了js控制,烈火在js中进行了标注,您可[详细]
-
jQuery带缩略图和文字的图片切换,文字可隐藏
所属栏目:[PHP教程] 日期:2018-08-24 热度:166
jQuery 图片切换效果,可隐 藏文 字的图片切换效果,带有缩略图,说明文字是动画显示、动画隐藏,当鼠标放到内容上的时候它才会显示出来,平时是隐藏看不到的,这样图片充分被看到,增加美感,也更能吸引人的眼球。 为解决一些网页特效运行后不能显示效果[详细]
-
图片无缝滚动、文字无缝滚动的简单例子
所属栏目:[PHP教程] 日期:2018-08-24 热度:107
图片无缝滚动、文字无缝滚动的简单例子 原理很简单,注册事件之后,立即将元素的innerHTML累加一次。 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对margin或padding的叠加机制,会导致滚动出现跳跃。稳妥的[详细]
-
js仿腾讯网间歇性向上滚动的效果
所属栏目:[PHP教程] 日期:2018-08-24 热度:175
烈35火94网(LieHuo61.Net)网页特效教37程:本文介绍的是一款间歇性向上滚动的效果,烈火以前曾经多次发表此类特效,如您想了解以前此类的网页特效,请使用烈火站内搜索,本例来自腾讯,相信我们大家都在腾讯见过。不固定显示高度,文本向上滚动。 近日,有[详细]
-
鼠标经过OnMouseOver改变文字样式代码
所属栏目:[PHP教程] 日期:2018-08-24 热度:187
鼠标经过OnMouseOver改变文字样式效果 在有些网页上,特别是比较老的网页中,当把鼠标移到某个链接的时候,链接文字会改变样式,由标准字体改为斜体,其实这和移上链接变色是一个道理,本例是用 Java Script实现,用CSS同样可实现,在a:hover里重新定义字[详细]
-
javascript实现点击改变网页文字颜色
所属栏目:[PHP教程] 日期:2018-08-24 热度:165
点击对应的颜色,网页中的文字就会变为所选择的颜色,让网页浏览者适时切换所选择的字体颜色,提升浏览体验,实现方法也很简单,用document控制body对象,设置style的color值即可。 具体实现请看代码: htmlheadtitle让浏览者自己选择网页的文字颜色/title[详细]
-
向上滚动的文字跑马灯,基于JQUERY,淡入淡出
所属栏目:[PHP教程] 日期:2018-08-19 热度:156
一个特别的文字列表跑马灯特效,常见的文字滚动代码,基于JQUERY,有淡入淡出的效果,播放速度可控。控制范围,符合 jQuery 路径即可,可以设置需要显示的内容条目数,如果内容数目大于需要滚动的数目,开始滚动!开始滚动后,显示不完的内容会克隆.追加到[详细]
-
纯CSS实现液晶屏的电子数字显示效果
所属栏目:[PHP教程] 日期:2018-08-19 热度:100
纯CSS效果的浏览屏显示,8段数码屏效果,虽然代码多了点,但能实现这效果也绝对高手啊,呵呵,希望与学习CSS的同仁一起交流提高。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtdh[详细]
-
单行循环滚动的无缝新闻代码,可设置参数
所属栏目:[PHP教程] 日期:2018-08-19 热度:103
在开源社区看到的一款单行循环滚动的新闻代码,可在代码中设置滚动停留的时间、滚动速度和高度等参数,无缝隙滚动哦,非常不错。烈火小编推荐将该代码使用在网站的公告栏、或者在栏目增加一个滚动的单行新闻。 演示代码: htmlheadtitle简洁的单行滚动新闻[详细]
-
CSS控制段落第一个字母放大显示特效
所属栏目:[PHP教程] 日期:2018-08-19 热度:92
CSS控制段落第一个字母放大显示特效,我们经常看到一些报纸、 杂志 上有这样的效果,也就是把一段话的第一个字母重点显示出来,不是单纯的变成大写,而是放大,你或许需要先运行一下本代码看看效果就明白了。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHT[详细]
-
Effects Module效果,jQuery 隐性文本慢慢消失
所属栏目:[PHP教程] 日期:2018-08-19 热度:116
jQuery Effects Module效果模块,现在,只要你点击超链接,超链接就会慢慢的消失。 return false表示保留默认行为,因此页面不会跳转。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特[详细]
-
jQuery中hover()的实例,鼠标经过文本链接变色
所属栏目:[PHP教程] 日期:2018-08-19 热度:112
jQuery 打造鼠标经过时的Hover效果,当鼠标滑过时,对应的表格行会添加背景色,以着重显示相应内容。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCTYPE html PUBLI[详细]
-
CSS实现并美化超级链接中的alt和title效果
所属栏目:[PHP教程] 日期:2018-08-19 热度:82
CSS实现并美化超级链接中的alt和title效果,实际上是CSS层的应用,实现仿Alt及Title的效果,鼠标放到链接上后就能看到效果,供CSS爱好者学习研究。 代码演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/[详细]
-
jquery Hover:发散思维示例,隐藏链接
所属栏目:[PHP教程] 日期:2018-08-19 热度:198
jquery Hover:发散思维示例,把本来无链接的东西加上链接,实现了隐藏链接的效果!你看下源代码就会明白,你所点击的链接并没有用A来定义,它只是一个SPAN,但在浏览器上,它是可以点击的链接,发散思维示例,仔细想一想。 为解决一些网页特效运行后不能显[详细]
-
JavaScript 隐藏链接、伪装链接,隐藏网址
所属栏目:[PHP教程] 日期:2018-08-19 热度:100
Java Script 隐藏链接、伪装链接,隐藏网址。当我们把鼠标放到链接上以后,看状态栏的链接并非是点击后的链接,觉得有意思吧,一般情况下,当我们点击链接之前,在状态栏能看到点击后的链接,本例用Js伪装了链接,看着是一个链接,但点击后转到的网址并不[详细]
-
jquery toggle的用法:无刷新改变CSS样式,切换文字
所属栏目:[PHP教程] 日期:2018-08-19 热度:64
jquery toggle的用法:切换文字,点击后改变CSS的样式,进而达到隐 藏文 字的效果,我们只是通过这个例子来学习一下相关语法,本例无太大的实际价值。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示。 点[详细]
-
jQuery表格内容筛选,文本框实时过滤字符
所属栏目:[PHP教程] 日期:2018-08-14 热度:190
jQuery 表格内容筛选,文本框实时过滤字符。如果您要做一个网站,而网站后台的表格中有很多数据,使用ctrl+f查找显然是行不通的,如果使用动态语言去搜索吧,1是效率低2是打开新窗口,而本文实现的实时过滤就非常不错,在文本框输入过滤性文字时,比如输入[详细]
-
表格折叠展开效果,切换时表头颜色变化(2)
所属栏目:[PHP教程] 日期:2018-08-14 热度:159
烈火网发表的上一篇折叠展开表格特效与本例一样,都是表格折叠展开效果,不同的是上一个例子中表格默认是收缩的,本例中默认是展开的,其它没有什么不同,一个函数的差别而已。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈[详细]