-
获取当前时间并显示上午、下午的js代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:115
获取当前时间并显示上午、下午的js代码,一个比较简单的客户端代码,你可以修改系统时间查看效果,这是与服务端程序(PHP、ASP等)不能比的,唯一不足的是只能显示上午和下午,而不能显示凌晨、早上、傍晚、晚上和深夜等。 如果您想得到不同时间段显示不同[详细]
-
隔行变色效果,Css定义表格td/tr等元素实现
所属栏目:[PHP教程] 日期:2018-08-16 热度:95
隔行变色效果,Css定义表格td/tr等元素实现,一款来自国外的、风格简洁的CSS隔行换色代码,不很明亮的风格,一般多见于老外的网站中,整体大气自然,实用,没有华丽的修饰。不过本表格换色代码不是基于CSS的,用了比较传统的Table,仅供参考。 演示: !DOC[详细]
-
CSS 将网页表格美化成Excel表格的效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:116
CSS 将网页表格美化成Excel表格的效果。虽然功能不如真正的Excel,但是这必竟是CSS版啊,能写出这效果,也真让人佩服啊,不错的效果,鼠标在表格内点击看看,很棒的吧~~ 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w[详细]
-
jQuery为表格增加mouseover和mouseout函数
所属栏目:[PHP教程] 日期:2018-08-16 热度:124
jQuery 为表格增加mouseover和mouseout函数,当鼠标移到class为stripe的表格的tr上时,执行函数,此函数为表格的每个行增加背景色,当鼠标移走时取消背景色,这里用jQuery就轻松的实现了大家非常喜欢的响应鼠标表格变换颜色。 为解决一些网页特效运行后不[详细]
-
jQuery表格隔行换色,响应鼠标变换颜色代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:92
jQuery 表格隔行换色,响应鼠标变换颜色代码。不管你的表格有多少行,他都能智能找出哪一行是偶数行,然后赋值一个不同的背景颜色,引入了jQuery的概念,自写了一个小函数,方便调用,原理是给class为stripe的表格的偶数行添加class值为alt。 为解决一些网[详细]
-
隔行变色,非常简单,使用jquery实现的
所属栏目:[PHP教程] 日期:2018-08-16 热度:147
几年前,如果你还使用Table建站,大家会 笑话 你没有使用DIV+CSS,现如今,大家现在都喜欢在自己的网站引入 jQuery 框架,如果你还没有使用的话,那你就OUT了,自从网站引入jQuery以后,我们可以很方便的添加一些令人感觉到新颖的特效,哪怕是一些简单的功[详细]
-
JavaScript控制表格Table对象的属性
所属栏目:[PHP教程] 日期:2018-08-16 热度:51
Java Script控制Table对象的属性,用JS控制是否显示表格的边框,是否显示上边框、更改cellPadding、更改cellSpacing等表格属性的参数。 演示: htmlheadtitleTable对象的属性/title/headbodyh2Table对象的属性/h2hrtable id=myTable border=1trtdHTML/tdtd[详细]
-
动态插入、添加删除表格行,JS特效代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:121
动态插入、添加删除表格行,JS特效代码,在表格的指定位置插入多个新行,也可以删除添加的行,当然还可以在表格尾添加多个新行,也可以删除这些行。 演示: htmlheadtitleTable对象的方法/titlescript language= Java Scriptvar intRowIndex = 0;function[详细]
-
Js 动态修改表格内容、对齐表格内的内容
所属栏目:[PHP教程] 日期:2018-08-16 热度:103
Js 动态修改表格内容、对齐表格内的内容,主要是控制表格的TableRow对象属性,使其左对齐、右对齐、向上对齐等,大家可以根据代码进行扩展,例如学习添加向下对齐等。 演示: htmlheadtitleTableRow对象的属性/titlescript language= Java Scriptfunction[详细]
-
表格隔行换色,响应鼠标变色,jQuery版
所属栏目:[PHP教程] 日期:2018-08-16 热度:93
本效果调用了 jQuery 1.3库,表格隔行换色,鼠标放上就变色,用class=stripe来标识需要使用该效果的表格,除了研究换色外,还可以研究一下用thead定义表头的方法,用jQuery确实能事半功倍。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新[详细]
-
jQuery 表格特效:控制单元格折叠、展开代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:80
jQuery 控制表格的某行可以折叠展开,相信大家见到过这种功能,鼠标点击某单元格后,会看到单元格不见了,实际上是折叠(合拢)了,由于时间关系,作者并未进行美化,看上去粗糙一些,需要使用的朋友自己使用CSS美化一下吧。 为解决一些网页特效运行后不能显[详细]
-
隔行换色jQuery代码,表格及列表常见的效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:127
加载了 jQuery 的隔行换色效果,也是列表或表格常用的一种美化方式。可以发现超连接已经不可以用了,所以说toggle不适合这种情况。不过可以把click解绑(unbind(click)),代码量好象比click结合toggleClass多,所以选择的是toggleClass。jQuery对象toggle([详细]
-
jQuery隔行换色代码,点击(变色)选中/取消
所属栏目:[PHP教程] 日期:2018-08-16 热度:82
jquery打造一款大家熟悉的隔行换色功能,在原有基础上增加了点击变色功能,可以发现超连接还是可以连接的,没有被 toggle和click占用。编写思路:先把jq引进来,如果鼠标移到class为stripe的表格的tr上时,执行函数,然后给给这行添加class值为over,并且[详细]
-
JS为表格中无内容的单元格增加一个横杠
所属栏目:[PHP教程] 日期:2018-08-16 热度:139
Java Script为表格中无内容的单元格增加一个横杠,要在表格中的每一个空列中都添加一个横杠,可以使用 jQuery 的empty 伪选择器。一个比较实用而又基础的例子,希望对您日后的前端开发有所帮助。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
表格边框颜色交替的闪烁效果,基于js代码实现
所属栏目:[PHP教程] 日期:2018-08-16 热度:59
快给你的表格加上闪亮的边框吧!什么,你还不会吗?没关系的,烈火学院专门给大家带来了教程。 表格边框颜色交替的闪烁效果,基于js代码实现!这主要使用了JS控制边框的颜色、其中主要的一点就是交替颜色的时间,烈火小编已经在代码中进行了标注,大家自己[详细]
-
表格边框环绕流动的色彩特效,不断变化颜色
所属栏目:[PHP教程] 日期:2018-08-16 热度:160
表格边框环绕流动的色彩特效,不断变化颜色。像一串串流动的水,颜色可自定义,不过烈火小编觉得其实用性不大,因为产生了太多的冗长代码,同时网页嗓音也会增多,这样不利于SEO搜索引擎优化,不过还是有JS学习和研究价值的! 大家来看代码演示吧! htmlhe[详细]
-
JS交替显示的文字代码,切换时有渐显溶解效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:127
Java Script实现的文字交替显示代码,切换时有漂亮的渐显效果,像Photoshop中的溶解效果一样的动态文字特效,文字信息存储在JS数组中,一个接一个读取,并赋值特效,可以用在网站的顶部作为公告或提示文字的特效。 演示: !DOCTYPE htmlhtmlheadmeta chars[详细]
-
闪闪发光的描边文字,炫彩的阴影文字特效
所属栏目:[PHP教程] 日期:2018-08-16 热度:113
快过年了,给大家介绍一款喜庆的、闪闪发光的描边文字,如果您把这种炫彩的阴影文字特效加在自己的主页上,是不是给网站增添了欢庆的气氛呢?想知道是什么实现的吗,其实也不太难,只要一段 Java script代码就搞定了,赶紧去试试吧! 演示: !DOCTYPE html[详细]
-
交替显示的文字,展开显示全部时有选中效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:184
Java script+CSS实现网页中交替显示的文字,将显示的每一条文字说明储存在数组中,jS可自行调用,还可以显示/隐藏全部的文字,展开显示全部时有选中效果,适于放在网站的一侧,作为公告显示使用,感谢您关注烈火网。 示例: htmlheadtitle文字交替显示,可[详细]
-
响应鼠标文字链接实现向上“翻滚”的效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:125
响应鼠标文字链接实现向上翻滚的效果,这里就不多介绍了,一目了然的就可以看到这个效果,但是比较个性了一些,实际运用估计不会很多。基于 Java Script和CSS实现,注:颜色值要写全(如#000000)否则IE那贱货不显示你设置的颜色。 示例: !DOCTYPE html P[详细]
-
js借助图片实现链接滚动式下划线的特效代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:89
js借助图片实现链接滚动式下划线的特效代码,以往看到的链接下划线都是比较普通的,鼠标放在链接上即可显示出下划线,但本效果让下划线变成动画,慢慢的显示出来,有兴趣的可参见代码。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//[详细]
-
图片预览特效,鼠标移至小图动态显示大图代码
所属栏目:[PHP教程] 日期:2018-08-16 热度:162
基于 jQuery 的图片预览特效,当我们把鼠标移至小图上时,动态弹出大图显示效果,经常访问veryhuo的同学肯定发现这个效果有点眼熟,是的。就在本月23日(大前天)我们发表的jQuery响应鼠标的图片放大显示效果,与今天同出一辙,有时间和兴趣的朋友不妨来比[详细]
-
超链接的提示中显示图片URL Screenshot Preview
所属栏目:[PHP教程] 日期:2018-08-16 热度:165
URL Screenshot Preview with jQuery 是一个超链接的提示中显示图片的特效代码,你只需在网页中引入自定义的函数及jquery插件,然后在需要显示图片的地方添加rel属性,这样当你把鼠标移在文字链接上的时候,它就会显示出图片。 为解决一些网页特效运行后不[详细]
-
jQuery完成文字链接提示Tooltip美化效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:164
本周三刚刚发表了《jQuery给文本链接添加动态title提示Tips效果》,今天再给出一个类似的效果,与此相关的特效烈火网还有一些,例如:跟随鼠标的超级链接悬浮提示效果,还有一个图片提示效果,也是跟随鼠标的,更多特效,请您关注烈火网。 为解决一些网页[详细]
-
jQuery给文本链接添加动态title提示Tips效果
所属栏目:[PHP教程] 日期:2018-08-16 热度:131
jQuery 给文本链接添加动态title提示Tips效果,我们都知道普通html下的title提示是死板的,而引入了jQuery之后,我们可以给它定义多种形式的效果,例如:jQuery增加带背景阴影效果的链接提示,类似这样的效果,烈火网还发表过许多,您可以使用站内搜索查找[详细]