-
文本框即时输出文字,jQuery字体颜色选择器
所属栏目:[PHP教程] 日期:2018-08-25 热度:134
文本框即时输出文字, jQuery 字体颜色选择器 这是使用非常优秀的JS框架JQuery 实现的效果,在下面的运行框点击运行后,您需要按刷新才能显示效果,在文本框中输入文字,动态实时输出文字,然后再按颜色块改变字体的颜色,Ajax的效果类似,在文本框输入文字[详细]
-
jQuery实现点击弹出点击关闭文本域效果
所属栏目:[PHP教程] 日期:2018-08-25 热度:107
这也是一款利用 jQuery 编写的特效代码,记得在以前的教程烈火曾经提到过,所谓的网页特效就是javascript,而现在大家所使用jQuery(中文发音:J快瑞)就是javascript中的一个款优秀框架技术,关于jQuery的学习,请参考烈火提供的jQuery中文学习手册。 对[详细]
-
鼠标放在文字链接上,显示图片的效果代码
所属栏目:[PHP教程] 日期:2018-08-25 热度:142
HTML+CSS 鼠标放在文字链接上,弹出一幅图片的效果代码,其实这算不得什么特效,不过个人博客可以取走用一下,可以吸引小美女哦。 看一下由烈火整理的实例代码: htmltitle鼠标指向文字,弹出美女照片 - Liehuo.Net/titlebodystyle type=text/css!--.thumb[详细]
-
JS垂直无缝滚动代码,带滚动实时像素
所属栏目:[PHP教程] 日期:2018-08-25 热度:128
JS实现的无缝垂直滚动 字幕 ,看一下效果,非常酷吧?绝对是无缝滚动,很平滑,本代码量较少,实现了很好的控制。另外在滚动模块的下方带有滚动像素的实时显示,只要复制代码即可使用哦,当然你可以随便修改代码,烈火网不要钱哦! 来看实例: titleJS垂直[详细]
-
js图片切换文字版代码 带有切片滤镜效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:164
刚才介绍了《超酷的js图片切换代码 带有切片滤镜效果》,这是没有文字的,下面来介绍带有文字的实例。 JS水纹切片特效的多幅图片切换效果,带标题,是上个版本的完善版,每张图片可以新增说明性的标题,更具用户体验,设计漂亮美观,有可选参数自定义,兼[详细]
-
js实现文本框输入提示 匹配时文字颜色变化
所属栏目:[PHP教程] 日期:2018-08-22 热度:95
js实现文本框输入提示 匹配时文字颜色变化 这是一种输入提示特效,当你在输入框中输入字母时,如果下边列出的类别中有与你字母相匹配的,那么这些内容将会变成红色,着重显示出来,与输入框下拉提示是基本是一样的,只是换了一个方式。 DEMO: htmlheadmet[详细]
-
js 实现鼠标经过 文字缓缓放大效果代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:121
这是一个类似放大器的效果,但是,有所不同。本效果中,我们将鼠标放在指定的文字区域后,区域内的文字缓缓放大,直至灌满为止。我们可以用在一些受众为老年人的网站上,这样。对于小的文字,就可以使用放大插件了。 演示如下: !DOCTYPE html PUBLIC -//W[详细]
-
文字逐行向上平滑无缝滚动 单行、多行代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:125
文字逐行向上平滑滚动 单行、多行代码,相当不错的效果,很平滑,还带有缓冲效果,大气简洁,通用性强,使用了jquery插件,欢迎测试。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
jQuery鼠标点击文本框文字消失离开还原
所属栏目:[PHP教程] 日期:2018-08-22 热度:92
前段时间,烈火发表了《CSS的搜索框,点击文字消失,鼠标离开还原》的文章,这款效果是烈火在一个国外网站发现的,这里主要是实现了CSS效果,当然在input中使用了脚本,纯CSS是不可能实现这种效果的哦! 今天,小编在后台看到一位站长朋友的评论,他用jque[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:146
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-08-22 热度:150
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-08-22 热度:146
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-08-22 热度:107
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-08-22 热度:114
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
网页上的字体缩放,放大缩小网页字体代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:198
网页上的字体缩放,放大缩小网页字体代码,与上一篇特效代码差不多,适合改变网页的字号,并提供大、中、斜三种写号供浏览者选择,提升网页用户体验。实现此功能的方法和代码比较多,大家根据自己的需要选择吧,当然是越简洁、兼容性好、效率高的代码就越[详细]
-
JS获取当前时间日期,年月日与星期X
所属栏目:[PHP教程] 日期:2018-08-19 热度:198
烈火网(LieHuo.Net)教程 今天下午有朋友在群中咨询烈火网关于JS获取当前时间日期的问题,下面就把一种最简单的一种用JS获取系统当前日期、时间以及星期几的代码分享给大家。 使用方法:直接复制代码粘贴到你的网页中就可以用。 实例代码与演示: htmlheadt[详细]
-
JS倒计时代码 可随时点击停止
所属栏目:[PHP教程] 日期:2018-08-19 热度:190
这是一个js倒计时的特效,鼠标点击可以停止倒计时,达到倒计时的时间后,按钮变为灰色。唯一的缺点就是离开当前窗口后,倒计时不能停止,以下为实例代码: input type=button id=downloadbtn class=meng1an onclick='if(timeout0) {alert(停止计时);return[详细]
-
网页标题栏显示的数字时钟特效代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:175
烈火网(LieHuo.Net)教程 Java Script日期特效,在标题栏显示一个数字钟,虽然现在不怎么用,但本代码有助于研究JavaScript对IE对象的控制技巧,必要时参考一下。 HTMLHEADTITLE标题显示时间数字钟/TITLEMETA content=text/html; charset=gb2312 http-equiv[详细]
-
字体大、中、小字号选择,实时调整网页字体大小
所属栏目:[PHP教程] 日期:2018-08-19 热度:114
你是不是要找: 调整网页字体大[详细]
-
文章摘要点击“显示全部”内容的网页代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:144
文章摘要点击显示全部内容的网页代码,这样的例子,我们经常在一些电影网站看到,在电影介绍中显示全部的文字折叠、展开代码,也可称为文字的显示/隐藏代码,多见于一些电影娱乐网站,比如明星介绍、电影介绍等,此功能完全是基于 Java Script实现的,而且[详细]
-
在网页上随机显示签名,随机文字代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:196
在网页上随机显示签名,随机文字代码,使用 Java Script数组完成的特效,先把文字定义在数组内,然后使用 数学 random函数生成随机数,再去调用随机数所在的数组文字,用document.getElementById去显示,对应的那一条签名就显示了。 演示: !DOCTYPE htmlh[详细]
-
文字显示、隐藏特效,基于JavaScript实现代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:124
一个比较简单的JS文字显示、文字隐藏特效代码,点击一下,文字就隐藏,再点击一下,文字就又显示了,在某些软件下载网站,我们会经常见到他们的软件简介就是这种效果的,当你点击查看更多的时候,所有的软件简介都显示出来了。 演示: HTMLHEADTITLEdhtml.[详细]
-
jQuery 分开处理网页链接的双击和单击
所属栏目:[PHP教程] 日期:2018-08-19 热度:161
jQuery 分开处理网页链接的双击和单击,这是jQuery最最基础的例子了,通过下边的实例,我们可以了解jquery不仅是大项目的框架,就连细节性链接的处理也是普通js无法比拟的。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特[详细]
-
Js逐行文本文字滚动,文本间歇向上滚动代码
所属栏目:[PHP教程] 日期:2018-08-19 热度:85
Js逐行文本文字滚动,文本间歇向上滚动代码,当把鼠标放上时会停顿,我觉得挺好,挺实用,可以你的网页上增加一个小区域,放上本代码,用于网站内容推荐或广告信息,同时也可学习此类代码的编写原理,Js文字滚动,分享给浏览者。 演示代码: !DOCTYPE html[详细]
-
文本超链接TIPS:动画闪光的提示效果
所属栏目:[PHP教程] 日期:2018-08-17 热度:160
给网页中文本超链接增加一个TIPS,这个提示是动画出现、并且有闪光效果,下边例子中的代码颜色可自行修改,喜欢什么就改成什么,比较适合一些个性的站点,如:个人主页或博客等,欢迎大家继续阅读烈火网的其它教程。 示例: !DOCTYPE html PUBLIC -//W3C//[详细]