-
CSS美化表格教程:给单元格边框描边代码
所属栏目:[PHP教程] 日期:2018-08-13 热度:82
今天,烈火小编要给大家介绍的是CSS美化表格教程,我们都知道通过Dreamweaver、FrontPage等工具生成的表格样式很难看,尤其是表格的边框,一般都比较粗,现在我们就来看一下如果使用CSS给单元格边框描边,代码不是太复杂,欢迎学习。 示例: !DOCTYPE html[详细]
-
JavaScript动态插入、添加和删除单元格代码
所属栏目:[PHP教程] 日期:2018-08-13 热度:57
Java Script动态插入单元格、添加单元格和删除单元格,注意哦,添加单元格和插入单元格是不一样的,添加是在表格的后边,而插入是在表格的任意位置,这里主要是利用TableRow对象的方法来实现本效果。 演示: htmlheadtitleTableRow对象的方法/titlescript[详细]
-
JavaScript动态合并单元格,动态对齐元素
所属栏目:[PHP教程] 日期:2018-08-13 热度:92
Java Script动态合并单元格,动态对齐元素,主要是对TableCell对象属性的操作,可让表格中的内容动态向右对齐、向下对齐等,这仅是部分的操作示例,如果需要完成其它功能,你可发挥你的聪明才智,举一反三吧。 演示: htmlheadtitleTableCell对象的属性/ti[详细]
-
让表格根据日期、字符串、数值大小进行排序
所属栏目:[PHP教程] 日期:2018-08-13 热度:113
Java Script表格排序,让表格根据日期、字符串、数值大小进行排序,在本代码中,点击会员组即可对表格数据进行排序了。实现中牵扯一些动态属性的添加、删除等,对JS熟悉的朋友可能容易理解些。 演示代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Tra[详细]
-
鼠标响应表格,鼠标滑过行背景颜色变换代码
所属栏目:[PHP教程] 日期:2018-08-13 热度:80
CSS+ Java Script实现高亮表格功能,实际上是鼠标响应表格,鼠标滑过行背景颜色变换代码,类似于隔行换色的效果,说法不同而已,只不过本效果是在鼠标移上时触发,移出结束。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://w[详细]
-
JS实现TITLE悬停长久显示效果
所属栏目:[PHP教程] 日期:2018-08-13 热度:140
使用 Java Script实现的TITLE属性长时间悬停显示的一个效果,我们都知道在HTML中,title属性值在显示的时候,如果触发鼠标显示的话,只有短短的几秒时间,而本例子当中,作者就以JS实现了长时间的显示效果,本文来源于Zjmainstay博客。 值得称赞的是,作者[详细]
-
始终跟随鼠标移动的文字 纯JS脚本实现
所属栏目:[PHP教程] 日期:2018-08-13 热度:54
记得在很久以前,大约2009年9月的时候烈火网给大家分享过一个跟随鼠标的彩色文字特效,这么久的事情,真的不记得了!但是昨天晚上有站长来咨询小编,他想要一款非彩色文字的鼠标文字跟随,大概改了改再分享给大家吧!这是纯 Java Script,您可以放在BODY之[详细]
-
超链接的title提示效果左侧浮动效果
所属栏目:[PHP教程] 日期:2018-08-13 热度:51
Java Script实现的超链接的title提示效果左侧浮动效果,可以看作是一款垂直的菜单特效,带说明,把鼠标移上去,就可以看到说明了。另外代码中有丰富的注释,您可以很详细的阅读。 演示: HTMLHEADTITLE链接title说明浮动效果/TITLESTYLE type=text/cssA{CO[详细]
-
由远及近的文字,JS+CSS手电筒光束效果
所属栏目:[PHP教程] 日期:2018-08-13 热度:167
Java Script结合CSS打造的一款文字特效,页面加载以后,你会看到一款由远及近的文字,并且还有手电筒的光束效果哦,看上去有点3d的感觉,很不错吧! 一起来看看吧! !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312[详细]
-
JavaScript鼠标经过时改变文字颜色的代码
所属栏目:[PHP教程] 日期:2018-08-13 热度:146
Java Script利用mouseover和mouseout属性实现的效果,当鼠标经过文字时改变其颜色,有时候觉得代码太繁琐了,能不写用什么方法写成下面的形式?定义到javascript里面?看下这个实例你就可能会明白。 演示: !DOCTYPE HTMLhtmlheadtitleJS利用mouseover和mo[详细]