javascript+div+css滚动菜单的实现.
效果图
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Scrollable</title>
<mce:script type="text/javascript"><!--
resizeCallback = function() {
var containerStyle = document.getElementById('scrollable_container').style;
var containerNewWidth = document.body.clientWidth - 32;
containerStyle.width = containerNewWidth + 'px';
document.getElementById('scrollable_content').style.left = '0px';
}
window.onresize = resizeCallback;
var scroll = false;
function scrollToRight(speed, ele) {
var container = ele.nextSibling;
var content = container.firstChild;
var containerLeft = container.offsetLeft - 16;
var contentLeft = content.offsetLeft;
var minus_result = containerLeft - contentLeft;
speed = minus_result > speed ? speed : (minus_result > 0 ? minus_result : 0);
if(scroll && minus_result > 0) {
content.style.left = contentLeft + speed;
setTimeout(function(){scrollToRight(speed, ele)}, 50);
}
}
function scrollToLeft(speed, ele) {
var container = ele.previousSibling;
var content = container.firstChild;
var containerRight = container.offsetWidth;
var contentRight = content.offsetLeft + content.offsetWidth;
var minus_result = contentRight - containerRight;
speed = minus_result > speed ? speed : (minus_result > 0 ? minus_result : 0);
if(scroll && minus_result > 0) {
content.style.left = content.offsetLeft - speed;
setTimeout(function(){scrollToLeft(speed, ele)}, 50);
}
}
var contentWidth = 0;
// --></mce:script>
<mce:style type="text/css"><!--
body{background: #778899;}
.author-information{background: #BBBBBB; width: 500px; height: 150px; text-align: left; padding: 0 5px; }
.author-information-lab
相关文档：
Js学习（三）
另外一种方式通过直接实例化匿名函数方式来创建带有私有静态成员的类的例子跟上面的例子很相似：
new function() {
// private static fields
var s_first = 1;
var s_second = 2;
// private static methods
&n ......
1. jQuery tablesorter
http://tablesorter.com/docs/
2. Table sorting with Prototype
http://tetlaw.id.au/view/blog/table-sorting-with-prototype/
3. Sorttable
http://www.kryogenix.org/code/browser/sorttable/
4. Table Sorting Javascript
http://yoast.com/articles/sortable-table/
5. Sorting Tabl ......
我们经常用js控制CSS样式，从而达到良好的用户界面和动态效果。我们经常使用的两种方式：
方法1：
var element= document.getElementById(”id”);
element.style.width=”200px”;
element.style.height=”200p ......
來源：http://www.webjx.com/css/divcss-17091.html
中文原文：CSS在Internet Explorer 6, 7 和8中的差别
译自：CSS Differences in Internet Explorer 6, 7 and 8
关于浏览器的最离奇的统计结果之一就是Internet Explorer
版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场 ......
把php数据或值传递给js
：很简单，直接在js中使用php代码，混编即可。
把js数据传递给php
：可以使用打开新窗口的方式，通过url地址把数据传递过去。也可以使用ajax，通过get或post传递给php，也可以保存cookie让php来读。
在传递数据过程中可能遇到中文编码
问题，可以统一编码方式为js的escape，unescape，也可以统� ......
