-
jQuery 多行文字定时滚动,可设置时间和速度
所属栏目:[PHP教程] 日期:2018-08-23 来源:DaWei
刚刚给大家展示了单行文字公告的间歇滚动效果,下面再来看一下多行滚动的效果,有时候我们用js写的间歇滚动效果会出现各种各样的问题,例如:滚动过程中,滚动的时间越长,就容易出现文字显示半行的情况,而 jQuery 这样优秀的js则不会出现此问题。 介绍:[详细]
-
jQuery 单行文字定时滚动,带停顿效果
所属栏目:[PHP教程] 日期:2018-08-23 来源:DaWei
jQuery 单行新闻滚动,很经典的一种滚动形式,滚动后停止一下,然后继续滚动,各大新闻门户网站都有使用过,肯定有朋友会喜欢的。 心动不如行动,马上来看看效果吧! 网页版:点击这里 运行版: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
js 实现超级链接 title 属性显示效果
所属栏目:[PHP教程] 日期:2018-08-23 来源:DaWei
一款链接提示效果,应用于Title标签,欢迎大家指正,可能用起来比较麻烦,不过效果非常不错,熟练的话会觉得用起来很方便哦。 网页效果:点击这里 运行效果: !DOCTYPE HTML PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/D[详细]
-
跟随鼠标的跑马灯滚动文字效果[附注释]
所属栏目:[PHP教程] 日期:2018-08-23 来源:DaWei
刚刚给大家介绍了跑马灯代码(文字滚动)大全,一时兴起,继续给朋友说一些关于marquee标记的使用,本文中我们要介绍的是跟随鼠标的文本框,在文本域中,使用到了javascript,这样,跟随鼠标的滚动文字效果就出来了。 关于代码的使用,烈火已经在下面的实[详细]
-
跑马灯代码大全,网页各种滚动文字汇总
所属栏目:[PHP教程] 日期:2018-08-23 来源:DaWei
自从有互联网以来,作为站长和网页设计师,我们第一关注的特效就是网页跑马灯效果(文字滚动),其实这是HTML的一个语法,算不得什么特效脚本,关于跑马灯的更多文章,请参照烈火提供的HTML手册。 本文提到的有文字向左、文字向右、文字双向滚动、带链接的[详细]
-
jQuery带缩略图和文字的图片切换,文字可隐藏
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
jQuery 图片切换效果,可隐 藏文 字的图片切换效果,带有缩略图,说明文字是动画显示、动画隐藏,当鼠标放到内容上的时候它才会显示出来,平时是隐藏看不到的,这样图片充分被看到,增加美感,也更能吸引人的眼球。 为解决一些网页特效运行后不能显示效果[详细]
-
图片无缝滚动、文字无缝滚动的简单例子
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
图片无缝滚动、文字无缝滚动的简单例子 原理很简单,注册事件之后,立即将元素的innerHTML累加一次。 接着滚动开始,当滚动条到达元素的中间位置时: 不要在子元素上设置margin和padding,因为CSS对margin或padding的叠加机制,会导致滚动出现跳跃。稳妥的[详细]
-
js仿腾讯网间歇性向上滚动的效果
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
烈35火94网(LieHuo61.Net)网页特效教37程:本文介绍的是一款间歇性向上滚动的效果,烈火以前曾经多次发表此类特效,如您想了解以前此类的网页特效,请使用烈火站内搜索,本例来自腾讯,相信我们大家都在腾讯见过。不固定显示高度,文本向上滚动。 近日,有[详细]
-
鼠标经过OnMouseOver改变文字样式代码
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
鼠标经过OnMouseOver改变文字样式效果 在有些网页上,特别是比较老的网页中,当把鼠标移到某个链接的时候,链接文字会改变样式,由标准字体改为斜体,其实这和移上链接变色是一个道理,本例是用 Java Script实现,用CSS同样可实现,在a:hover里重新定义字[详细]
-
javascript实现点击改变网页文字颜色
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
点击对应的颜色,网页中的文字就会变为所选择的颜色,让网页浏览者适时切换所选择的字体颜色,提升浏览体验,实现方法也很简单,用document控制body对象,设置style的color值即可。 具体实现请看代码: htmlheadtitle让浏览者自己选择网页的文字颜色/title[详细]
-
js图片切换文字版代码 带有切片滤镜效果
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
刚才介绍了《超酷的js图片切换代码 带有切片滤镜效果》,这是没有文字的,下面来介绍带有文字的实例。 JS水纹切片特效的多幅图片切换效果,带标题,是上个版本的完善版,每张图片可以新增说明性的标题,更具用户体验,设计漂亮美观,有可选参数自定义,兼[详细]
-
js实现文本框输入提示 匹配时文字颜色变化
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
js实现文本框输入提示 匹配时文字颜色变化 这是一种输入提示特效,当你在输入框中输入字母时,如果下边列出的类别中有与你字母相匹配的,那么这些内容将会变成红色,着重显示出来,与输入框下拉提示是基本是一样的,只是换了一个方式。 DEMO: htmlheadmet[详细]
-
js 实现鼠标经过 文字缓缓放大效果代码
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
这是一个类似放大器的效果,但是,有所不同。本效果中,我们将鼠标放在指定的文字区域后,区域内的文字缓缓放大,直至灌满为止。我们可以用在一些受众为老年人的网站上,这样。对于小的文字,就可以使用放大插件了。 演示如下: !DOCTYPE html PUBLIC -//W[详细]
-
文字逐行向上平滑无缝滚动 单行、多行代码
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
文字逐行向上平滑滚动 单行、多行代码,相当不错的效果,很平滑,还带有缓冲效果,大气简洁,通用性强,使用了jquery插件,欢迎测试。 为解决一些网页特效运行后不能显示效果(例如: jQuery 则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处[详细]
-
Css实现文本框提示文字点击清除 离开回来效果
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
一款美观的CSS网页搜索框,没其它的什么东西,主要是搜索框,觉得挺美观大方,于是拿出来奉献给大家,添加到你的网页里肯定效果不错。它的点击后提示消失的功能也很不错,鼠标只要点击一下搜索框,提示文字就不见了,鼠标移开后又回来了。 title美观的CSS[详细]
-
jQuery鼠标点击文本框文字消失离开还原
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
前段时间,烈火发表了《CSS的搜索框,点击文字消失,鼠标离开还原》的文章,这款效果是烈火在一个国外网站发现的,这里主要是实现了CSS效果,当然在input中使用了脚本,纯CSS是不可能实现这种效果的哦! 今天,小编在后台看到一位站长朋友的评论,他用jque[详细]
-
鼠标事件:文本输入框文字清除、选中的代码
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
js鼠标事件,这是WEB日常开发经常用到的,比如我们在处理input文本框的内容时,当value的值为实际内容时,此时假如我们需要访客重新输入,或者把value当作提示文字时,怎么能让网站体验达到最高呢,那就是方便访客输入,这就用到了本文中的特效。关于js鼠[详细]
-
jQuery 一个漂亮的Title链接提示效果
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
一个漂亮的title链接提示效果,这是笔者在一位前端牛人的博客上看到的,忘记博客的地址和名字了,在这里表示歉意。 基于jquery脚本,当鼠标放到超级链接上时显示title和链接地址的效果,但如果仅仅使用jquery做这个效果的话有点大材小用了。如果你在网站上[详细]
-
可拖拽的文字与图片 基于javascript完成
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
可拖拽的文字与图片 基于javascript完成 文字与图片的拖动效果,也可以拖动链接,操作体验挺不错, Java Script代码实现,无jQeury,而且代码实现很简化,效果不错。 htmlheadtitle文字与图片被拖拽 - Liehuo.Net/titlestyle type=text/css*{padding:0;mar[详细]
-
js控制文字从左到右循环移动 可设置移动速度
所属栏目:[PHP教程] 日期:2018-08-22 来源:DaWei
js控制文字从左到右循环移动 可设置移动速度 文字从左到右循环移动,与前边介绍的文字左右反弹效果是不一样的,大家可以对比一下。 本效果还是使用了js控制了文字的循环,下面代码中的10(有注释)是控制文字的移动速度,数字越大,移动速度越慢。 实例代[详细]
-
触发按钮文字滚动内容代码特效,Js搭配Css实现
所属栏目:[PHP教程] 日期:2018-08-21 来源:DaWei
这是一款鼠标点击按钮后,触发文字滚动内容代码特效,在下边的特效中,主要使用Js来实现,当然美化是离不开CSS的,因此可以说比较完美,大家中要自己点击运行代码查看。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w[详细]
-
从网页尾部滚动向上、弹簧卷轴的文字特效
所属栏目:[PHP教程] 日期:2018-08-21 来源:DaWei
从网页尾部滚动向上、收缩显示的文字特效。就像弹簧卷轴一样的文字显示特效,纯 Java Script代码实现,无 jQuery ,因主要想体现功能,因此在美化方面做的不多,有需要的朋友,你可以自己美化一下,效果简单。 演示代码: htmlheadmeta http-equiv=Content[详细]
-
渐显式打字机多彩文字特效,纯javascript实现
所属栏目:[PHP教程] 日期:2018-08-21 来源:DaWei
渐显式打字机多彩文字特效,这是烈火学院转自一个源码站的网页特效,且站长号称可以被搜索引擎抓取,看来该站长都没仔细看就随便 伪原创 了,呵呵。JS怎么可能被蜘蛛抓取呢? 特效主要代码是javascript,因此需要修改的文字和颜色都在JS当中,一看就懂的,[详细]
-
Js实现文字链接列表逐一交替淡出显示效果
所属栏目:[PHP教程] 日期:2018-08-21 来源:DaWei
Js实现文字链接列表逐一交替淡出显示效果,就风儿轻轻吹在水面泛起的波纹(有点夸张哦),打开网页后,请稍等一下,Js也需要反应一下,哈哈,挺实用的文字链接效果。赞一个! 演示代码: htmlheadmeta http-equiv=Content-Type content=text/html; charset[详细]
-
Js仿Flash,当网页加载时的文字从破碎到组合效果
所属栏目:[PHP教程] 日期:2018-08-21 来源:DaWei
Js仿Flash,当网页加载时的文字从破碎到组合效果,在这里你可定义一组文字,存放在数组中,Js可按规则依次载入,在载入的过程中生成动画,使文字动起来,不那么呆板,有很多文字特效做的都不错,仅供学习研究。 演示: htmlheadmeta http-equiv=Content-Ty[详细]



浙公网安备 33038102330484号