-
JS横向的左右滚动,响应鼠标向左或向右
所属栏目:[PHP教程] 日期:2018-08-23 热度:144
Java Script 横向的左右滚动,为了节省时间,没有添加图片,在两侧分别有向左和向右的按钮,响应鼠标,当鼠标指向(无需点击)时,即可向左或向右滚动。当然,如果你想用在自己的网页上,可以将里面的文字替换为图片即可,整体效果还是不错的。 特效演示:[详细]
-
JS控制文本框输入的文字实时克隆效果
所属栏目:[PHP教程] 日期:2018-08-23 热度:125
JS控制文本框输入的文字实时克隆效果,通过标题我们可以看出,利用 Java Script代码,双重输入文字,会适时将第一个文本框的文字复制到第二个文本框中,像克隆一样,有意思吧,还没有搞懂这功能我们平时在哪儿能用上,先收藏一下。 看不懂文字说明的朋友,[详细]
-
Tips效果,纯CSS带三角可关闭的文字提示
所属栏目:[PHP教程] 日期:2018-08-23 热度:137
一个牛人利用JS+CSS写的多功能Tips,记不清是作者的博客地址了,在这里表示抱歉,作者看到后,请与烈火联系。 主要功能:带小三角的文字提示,可关闭,有两套颜色方案可选择,可按你的要求将显示框定义显示在四个方向,放大或缩小浏览器窗口,不会有丝毫偏[详细]
-
JavaScript 时钟代码,时间文字有倒影效果
所属栏目:[PHP教程] 日期:2018-08-23 热度:152
有关网页时钟的特效代码,烈火以前发表过一些相关文章,与以前的时钟有所不同的是,今天的 Java Script 时钟代码,带有倒影效果,貌似用纯Js实现的,没发现CSS的踪迹,大家不要仅限于这只是一个时钟程序,实际上我们用这种效果还可以做的有很多。 特效演示[详细]
-
带链接的LOGO图片无缝向左滚动,参数可设置
所属栏目:[PHP教程] 日期:2018-08-23 热度:181
我们经常在一些论坛或网站的尾部的看到这样的效果,许多88x31的LOGO,带有链接的图片左右滚动,没错,这个特效经常用于友情链接。 下面烈火就来介绍一个LOGO图片向左无缝滚动的特效,下面的特效中,使用CSS进行了一些修饰,但并不影响滚动效果,如果您想用[详细]
-
文字无缝滚动,响应鼠标停止,可控上下一条
所属栏目:[PHP教程] 日期:2018-08-23 热度:163
一个常见的无缝文字滚动,结合CSS构建的区域形成即时新闻列表,与常见滚动有所不同的是,我们增加了手动控制,即:如果文字滚动错过了想要看的文章标题,您可以按向上或向下的控制按钮进行返回操作。 文字滚动是使用了js控制,烈火在js中进行了标注,您可[详细]
-
jQuery 对角线收缩,渐隐文字效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:137
Js文字特效,点击上边的链接后,切换要调用的函数,文字由右下向左上渐渐消失,演示了如何使用 jQuery 生成简单的网页动画功能。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行[详细]
-
jQuery控制Hover 给LI列表添加鼠标滑过换色
所属栏目:[PHP教程] 日期:2018-08-20 热度:159
jQuery 控制Hover 给LI列表添加鼠标移过换色,用标准的HTML语言也有实现此功能,不过这里的重点不是HTML,而是jQuery的用法,因此用jQuery控制LI列表在鼠标移过时换色,这只是基本的操作。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新[详细]
-
网页文字轮流纵向滚动,jQuery助力动画效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:130
网页文字轮流纵向滚动, jQuery 助力动画效果,走走停停,一次滚动一行,类似会停顿的走马灯,但又不完全是,代码里使用了克隆,不用克隆的话,remove()就没了。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版[详细]
-
基于jquery的标题文字切换,淡入淡出效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:141
基于jquery的标题文字切换,淡入淡出效果。获取li对象,获取li的第一个,执行fadeOut,并且call - function.把每次的li的第一个 克隆,然后添加到父节点 对象。最后 把每次的li的第一个 去掉。注意哦,这些都是在fadeOut里面的callback函数理执行的。使用setI[详细]
-
点击链接弹出对话框,确定后跳转,取消返回
所属栏目:[PHP教程] 日期:2018-08-20 热度:170
烈火小编的一个朋友最近在做下载站,关于下载地址的问题,遇到了难题,他希望访客点击下载链接后,先弹出对话框,在对话框中加一些提示文字,例如:欢迎访问烈火网,请下载后收藏本站,或者解压密码之类的文字,下边就将这个简单的代码提供他,同时也提供[详细]
-
关键字高亮显示,JS 实现指定文本加亮加色
所属栏目:[PHP教程] 日期:2018-08-20 热度:116
JS不使用正则,加亮页面关键字,本想从中找出在FireFox下如何实现findText及pasteHTML类似效果的,我看了大半天,楞是没有看出个所以然来!IE下有findText及pasteHTML,但是fireFox下就没有!怎么办?查了好多资料,都没有能说出个所以然的,皇天不负有心[详细]
-
JS幻影文字代码,网页文字渐渐切换显示效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:62
Java Script 幻影文字效果,网页文字渐渐显示换页的效果,不再那么呆板,通常我们所见的界面的转换都是直接跳过去,而这个例子中的效果前面的慢慢的溶解,后面的慢慢的显现,很有点powerpoint中味道,用了滤镜后这种效果的实现相当的方便,而且可以按自己[详细]
-
单行文字间歇滚动,可设置滚动速度、高度和时间
所属栏目:[PHP教程] 日期:2018-08-20 热度:78
一款比较常见的单行文字链接间歇滚动效果,也许你已经在烈火网或其它网站看到过,可设置滚动速度、高度及时间,已在JS脚本中进行了注释。 使用的朋友请注意,每一行的文字不要太多,因CSS没有写的太完善,不会自动隐藏多余字条,所以会看上去不整齐了,影[详细]
-
文字链接在网页指定区域框平滑滚动,响应鼠标停止
所属栏目:[PHP教程] 日期:2018-08-20 热度:132
关于文字滚动的特效,烈火已经给大家介绍的太多了,您可以回顾一下以前的网页特效文章,以便于加深印象,今天再发一篇,关于链接在网页指定区域框平滑滚动的特效,响应鼠标停止滚动。 演示代码: htmlHEADTITLE文字链接列表滚动/TITLEMETA content=text/ht[详细]
-
触发按钮文字滚动内容代码特效,Js搭配Css实现
所属栏目:[PHP教程] 日期:2018-08-20 热度:117
这是一款鼠标点击按钮后,触发文字滚动内容代码特效,在下边的特效中,主要使用Js来实现,当然美化是离不开CSS的,因此可以说比较完美,大家中要自己点击运行代码查看。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w[详细]
-
隔行换色jQuery代码,表格及列表常见的效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:126
加载了 jQuery 的隔行换色效果,也是列表或表格常用的一种美化方式。可以发现超连接已经不可以用了,所以说toggle不适合这种情况。不过可以把click解绑(unbind(click)),代码量好象比click结合toggleClass多,所以选择的是toggleClass。jQuery对象toggle([详细]
-
jQuery隔行换色代码,点击(变色)选中/取消
所属栏目:[PHP教程] 日期:2018-08-16 热度:84
jquery打造一款大家熟悉的隔行换色功能,在原有基础上增加了点击变色功能,可以发现超连接还是可以连接的,没有被 toggle和click占用。编写思路:先把jq引进来,如果鼠标移到class为stripe的表格的tr上时,执行函数,然后给给这行添加class值为over,并且[详细]
-
JS为表格中无内容的单元格增加一个横杠
所属栏目:[PHP教程] 日期:2018-08-16 热度:134
Java Script为表格中无内容的单元格增加一个横杠,要在表格中的每一个空列中都添加一个横杠,可以使用 jQuery 的empty 伪选择器。一个比较实用而又基础的例子,希望对您日后的前端开发有所帮助。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
表格边框颜色交替的闪烁效果,基于js代码实现
所属栏目:[PHP教程] 日期:2018-08-16 热度:111
快给你的表格加上闪亮的边框吧!什么,你还不会吗?没关系的,烈火学院专门给大家带来了教程。 表格边框颜色交替的闪烁效果,基于js代码实现!这主要使用了JS控制边框的颜色、其中主要的一点就是交替颜色的时间,烈火小编已经在代码中进行了标注,大家自己[详细]
-
表格边框环绕流动的色彩特效,不断变化颜色
所属栏目:[PHP教程] 日期:2018-08-16 热度:50
表格边框环绕流动的色彩特效,不断变化颜色。像一串串流动的水,颜色可自定义,不过烈火小编觉得其实用性不大,因为产生了太多的冗长代码,同时网页嗓音也会增多,这样不利于SEO搜索引擎优化,不过还是有JS学习和研究价值的! 大家来看代码演示吧! htmlhe[详细]
-
JS交替显示的文字代码,切换时有渐显溶解效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:100
Java Script实现的文字交替显示代码,切换时有漂亮的渐显效果,像Photoshop中的溶解效果一样的动态文字特效,文字信息存储在JS数组中,一个接一个读取,并赋值特效,可以用在网站的顶部作为公告或提示文字的特效。 演示: !DOCTYPE htmlhtmlheadmeta chars[详细]
-
闪闪发光的描边文字,炫彩的阴影文字特效
所属栏目:[PHP教程] 日期:2018-08-16 热度:132
快过年了,给大家介绍一款喜庆的、闪闪发光的描边文字,如果您把这种炫彩的阴影文字特效加在自己的主页上,是不是给网站增添了欢庆的气氛呢?想知道是什么实现的吗,其实也不太难,只要一段 Java script代码就搞定了,赶紧去试试吧! 演示: !DOCTYPE html[详细]
-
交替显示的文字,展开显示全部时有选中效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:136
Java script+CSS实现网页中交替显示的文字,将显示的每一条文字说明储存在数组中,jS可自行调用,还可以显示/隐藏全部的文字,展开显示全部时有选中效果,适于放在网站的一侧,作为公告显示使用,感谢您关注烈火网。 示例: htmlheadtitle文字交替显示,可[详细]
-
响应鼠标文字链接实现向上“翻滚”的效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:160
响应鼠标文字链接实现向上翻滚的效果,这里就不多介绍了,一目了然的就可以看到这个效果,但是比较个性了一些,实际运用估计不会很多。基于 Java Script和CSS实现,注:颜色值要写全(如#000000)否则IE那贱货不显示你设置的颜色。 示例: !DOCTYPE html P[详细]