随笔分类 -  javascript

javascript
javascript实现tablel隔行变色
摘要：用来练手，需要说的不多这个例子用了两种方式实现第一种：直接给每一行绑定事件缺点：当数据量过大，性能会大打折扣代码： 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>table隔行变色</title> 6 </head> 7 8 <body> 9 <style> 10 thead tr { background:#06F;} 11 </style> 12 <ta 阅读全文
posted @ 2013-01-03 19:52 xiao-t 阅读(1271) 评论(4) 推荐(0)
javascript 实现简单的table排序
摘要：在这个列子中，练习了table的操作，主要有：tBodies、rows、cells，还有有关数组的排序方法：sort先上代码：<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>table排序</title></head><body><table id="tableTest" width="400" border="1"> <tbody> 阅读全文
posted @ 2012-12-27 22:08 xiao-t 阅读(7044) 评论(1) 推荐(2)
(转)自适应网页设计（Responsive Web Design）
摘要：随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本，而且如果一个网站有多 阅读全文
posted @ 2012-12-25 12:16 xiao-t 阅读(1074) 评论(4) 推荐(5)
模拟封装的类jquery的css函数
摘要：这个列子用到了函数不定参（arguments）这个知识点还有有关样式的一些知识，我们都知道obj.style 可以设置、返回行间的样式如果非行间样式，用这个就不靠谱了，所以例子中用到了obj.currentStyle 和 getComputedStyle这两个都是设置、返回计算后的样式的其中obj.currentStyle 只有IE才有效getComputedStyle 在firefox chrome 中有效废话不说了，上代码<!DOCTYPE HTML><html><head><meta charset="utf-8">&l 阅读全文
posted @ 2012-12-10 12:16 xiao-t 阅读(1287) 评论(2) 推荐(0)