-
js实现文本框输入提示 匹配时文字颜色变化
所属栏目:[PHP教程] 日期:2018-08-21 热度:186
js实现文本框输入提示 匹配时文字颜色变化 这是一种输入提示特效,当你在输入框中输入字母时,如果下边列出的类别中有与你字母相匹配的,那么这些内容将会变成红色,着重显示出来,与输入框下拉提示是基本是一样的,只是换了一个方式。 DEMO: htmlheadmet[详细]
-
js 实现鼠标经过 文字缓缓放大效果代码
所属栏目:[PHP教程] 日期:2018-08-21 热度:149
这是一个类似放大器的效果,但是,有所不同。本效果中,我们将鼠标放在指定的文字区域后,区域内的文字缓缓放大,直至灌满为止。我们可以用在一些受众为老年人的网站上,这样。对于小的文字,就可以使用放大插件了。 演示如下: !DOCTYPE html PUBLIC -//W[详细]
-
文字逐行向上平滑无缝滚动 单行、多行代码
所属栏目:[PHP教程] 日期:2018-08-21 热度:55
文字逐行向上平滑滚动 单行、多行代码,相当不错的效果,很平滑,还带有缓冲效果,大气简洁,通用性强,使用了jquery插件,欢迎测试。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
jQuery鼠标点击文本框文字消失离开还原
所属栏目:[PHP教程] 日期:2018-08-21 热度:73
前段时间,烈火发表了《CSS的搜索框,点击文字消失,鼠标离开还原》的文章,这款效果是烈火在一个国外网站发现的,这里主要是实现了CSS效果,当然在input中使用了脚本,纯CSS是不可能实现这种效果的哦! 今天,小编在后台看到一位站长朋友的评论,他用jque[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-08-21 热度:76
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-08-21 热度:112
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-08-21 热度:57
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-08-21 热度:194
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-08-21 热度:130
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
JavaScript 在输入框中动态添加文字
所属栏目:[PHP教程] 日期:2018-08-20 热度:173
Java Script 在输入框中动态添加文字,实现简单的Ajax效果,其实这个功能到处都是,只不过有时候的对象不是文本框,而是一个Div对象,只要Name设置成Js里的对象,就能实现这种效果。 特效演示: htmlheadtitle在文字区域中添加一行文字/titlescript langua[详细]
-
jQuery 实现每行文字简单的Tips提示效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:53
烈24火84网(LieHuo98.Net)教38程 jQuery 实现每行文字简单的Tips提示效果,其实细心的朋友会发现,与HTML内的TITLE标签有点像,不过这个用好了会比TITLE更灵活,可以自己定义提示框和提示文字的样式及大[详细]
-
JavaScript控制文本框自动缩小文字填充
所属栏目:[PHP教程] 日期:2018-08-20 热度:131
Java Script控制文本框自动缩小文字填充,看标题大家就能明白了,就是指文字在指定大小的文本框input中,实时大小,您可以运行下面的代码查看效果,当我们输入的文字大于文本框的宽度时,文本框内的文字自动缩小,挺有意思吧? 一起来看看特效吧! !DOCTYP[详细]
-
新浪微博大厅文字内容淡入滚动效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:133
新浪微博 大厅滚动tweets-slide, Java Script实现,文字内容滚动时,新内容有淡入效果,貌似这些天有不少朋友需要这功能,前几天已经发了几个了,不过今天发现这款竟然还要好,不敢独享,希望需要的朋友喜欢哦。 特效演示: !doctype htmlhtmlheadtitle新[详细]
-
基于JavaScript的单行消息滚动代码
所属栏目:[PHP教程] 日期:2018-08-20 热度:55
基于 Java Script的单行新闻滚动代码,可添加无数行,只要你有那么多内容,我觉得挺不错,发上来供大家使用和参考。 特效演示: htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title滚动最新消息代码/titlestyle type=text/csst[详细]
-
JS渐闪文字滚动,来自新浪微博首页
所属栏目:[PHP教程] 日期:2018-08-20 热度:94
JS渐闪文字滚动,来自 新浪微博 首页。将推荐的几条微博按一定规律自行滚动,滚动时有渐入闪动效果,依次类推,大家先看看效果就明白了,然后在新浪微博首页仍然在使用哦,可能我写的代码还不是最佳优化状态,但是我觉得这已经不错了。 演示: !DOCTYPE ht[详细]
-
新浪微博首页“大家正在说”文字滚动代码
所属栏目:[PHP教程] 日期:2018-08-20 热度:86
新浪微博 首页大家正在说文字滚动代码,有朋友喜欢,于是就把代码扣下来,供大家学习。 有淡入淡出的效果,新内容渐渐滚出来,旧内容慢慢滚动下去,貌似很新奇的一种方式。 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:[详细]
-
JS文本滚动特效,间断和不间断两种
所属栏目:[PHP教程] 日期:2018-08-20 热度:98
JS文本滚动特效,间断和不间断两种, Java script配合CSS简单实现,有间断和不间断两种,文本滚动代码,文字在一行高度范围内不间断滚动,还有一个是间断滚动,滚动一次后会稍停片刻再次滚动。 代码如下: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tran[详细]
-
JS横向的左右滚动,响应鼠标向左或向右
所属栏目:[PHP教程] 日期:2018-08-20 热度:55
Java Script 横向的左右滚动,为了节省时间,没有添加图片,在两侧分别有向左和向右的按钮,响应鼠标,当鼠标指向(无需点击)时,即可向左或向右滚动。当然,如果你想用在自己的网页上,可以将里面的文字替换为图片即可,整体效果还是不错的。 特效演示:[详细]
-
JS控制文本框输入的文字实时克隆效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:131
JS控制文本框输入的文字实时克隆效果,通过标题我们可以看出,利用 Java Script代码,双重输入文字,会适时将第一个文本框的文字复制到第二个文本框中,像克隆一样,有意思吧,还没有搞懂这功能我们平时在哪儿能用上,先收藏一下。 看不懂文字说明的朋友,[详细]
-
Tips效果,纯CSS带三角可关闭的文字提示
所属栏目:[PHP教程] 日期:2018-08-20 热度:160
一个牛人利用JS+CSS写的多功能Tips,记不清是作者的博客地址了,在这里表示抱歉,作者看到后,请与烈火联系。 主要功能:带小三角的文字提示,可关闭,有两套颜色方案可选择,可按你的要求将显示框定义显示在四个方向,放大或缩小浏览器窗口,不会有丝毫偏[详细]
-
JavaScript 时钟代码,时间文字有倒影效果
所属栏目:[PHP教程] 日期:2018-08-20 热度:163
有关网页时钟的特效代码,烈火以前发表过一些相关文章,与以前的时钟有所不同的是,今天的 Java Script 时钟代码,带有倒影效果,貌似用纯Js实现的,没发现CSS的踪迹,大家不要仅限于这只是一个时钟程序,实际上我们用这种效果还可以做的有很多。 特效演示[详细]
-
带链接的LOGO图片无缝向左滚动,参数可设置
所属栏目:[PHP教程] 日期:2018-08-20 热度:68
我们经常在一些论坛或网站的尾部的看到这样的效果,许多88x31的LOGO,带有链接的图片左右滚动,没错,这个特效经常用于友情链接。 下面烈火就来介绍一个LOGO图片向左无缝滚动的特效,下面的特效中,使用CSS进行了一些修饰,但并不影响滚动效果,如果您想用[详细]
-
文字无缝滚动,响应鼠标停止,可控上下一条
所属栏目:[PHP教程] 日期:2018-08-20 热度:136
一个常见的无缝文字滚动,结合CSS构建的区域形成即时新闻列表,与常见滚动有所不同的是,我们增加了手动控制,即:如果文字滚动错过了想要看的文章标题,您可以按向上或向下的控制按钮进行返回操作。 文字滚动是使用了js控制,烈火在js中进行了标注,您可[详细]
-
表格隔行换色特效 非常实用的哦
所属栏目:[PHP教程] 日期:2018-08-19 热度:86
烈火网(LieHuo.Net)教程 Js实现表格隔行换色一例,这种效果网上已经有很多啦,每一种都有特色,请大家选择使用。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http:[详细]
-
网页顶部降落的文字,好像“从天而降”效果
所属栏目:[PHP教程] 日期:2018-08-19 热度:114
网页顶部降落的文字,好像神仙从天而降效果,当然是利用 Java Script编写的喽,自然不会存在神仙的啦,大家自己看一下代码就明白怎么回事了,唯一的缺点就是代码太冗长了,只是为了这个效果有点不值得。 演示: htmlheadmeta http-equiv=Content-Type cont[详细]