179 lines
5.3 KiB
JavaScript
179 lines
5.3 KiB
JavaScript
|
//m-3-id-1 上下滚动
|
|||
|
|
(function(){
|
|||
|
|
var marquee = document.getElementById('m-3-id-1');
|
|||
|
|
var offset=0;
|
|||
|
|
var scrollheight =marquee.offsetHeight;
|
|||
|
|
var firstNode = marquee.children[0].cloneNode(true);
|
|||
|
|
marquee.appendChild(firstNode);
|
|||
|
|
setInterval(function(){
|
|||
|
|
if(offset == scrollheight){
|
|||
|
|
offset = 0;
|
|||
|
|
}
|
|||
|
|
marquee.style.marginTop = "-"+offset+"px";
|
|||
|
|
offset += 2;
|
|||
|
|
},20);
|
|||
|
|
})();
|
|||
|
|
|
|||
|
|
//图片无缝滚动
|
|||
|
|
var speed=10;
|
|||
|
|
var tab=document.getElementById("m-5-id-1");
|
|||
|
|
var tab1=document.getElementById("m-5-id-2");
|
|||
|
|
var tab2=document.getElementById("m-5-id-3");
|
|||
|
|
tab2.innerHTML=tab1.innerHTML;
|
|||
|
|
function Marquee(){
|
|||
|
|
if(tab2.offsetWidth-tab.scrollLeft<=0)
|
|||
|
|
tab.scrollLeft-=tab1.offsetWidth
|
|||
|
|
else{
|
|||
|
|
tab.scrollLeft++;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var MyMar=setInterval(Marquee,speed);
|
|||
|
|
tab.onmouseover=function() {clearInterval(MyMar)};
|
|||
|
|
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
|
|||
|
|
|
|||
|
|
|
|||
|
|
//字母滚动
|
|||
|
|
var screen1 = document.getElementById("screen1");
|
|||
|
|
var screen1_1 = document.getElementById("screen1_1");
|
|||
|
|
var screen1_2 = document.getElementById("screen1_2");
|
|||
|
|
var speed=4; //滚动速度值，值越大速度越慢
|
|||
|
|
var nnn=200/screen1_1.offsetHeight;
|
|||
|
|
for(i=0;i<nnn;i++){screen1_1.innerHTML+="<br />"+ screen1_1.innerHTML}
|
|||
|
|
screen1_2.innerHTML = screen1_1.innerHTML //克隆screen1_2为screen1_1
|
|||
|
|
function Marquee1(){
|
|||
|
|
if(screen1_2.offsetTop-screen1.scrollTop<=0) //当滚动至screen1_1与screen1_2交界时
|
|||
|
|
screen1.scrollTop-=screen1_1.offsetHeight //screen1跳到最顶端
|
|||
|
|
else{
|
|||
|
|
screen1.scrollTop++ //如果是横向的 将 所有的 height top 改成 width left
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var MyMar = setInterval(Marquee1,speed); //设置定时器
|
|||
|
|
screen1.onmouseover = function(){clearInterval(MyMar)} //鼠标经过时清除定时器达到滚动停止的目的
|
|||
|
|
screen1.onmouseout = function(){MyMar = setInterval(Marquee1,speed)} //鼠标移开时重设定时器
|
|||
|
|
|
|||
|
|
|
|||
|
|
//局部刷新
|
|||
|
|
var XMLHttpReq;
|
|||
|
|
//创建XMLHttpRequest对象
|
|||
|
|
function createXMLHttpRequest() {
|
|||
|
|
if(window.XMLHttpRequest) { //Mozilla 浏览器
|
|||
|
|
XMLHttpReq = new XMLHttpRequest();
|
|||
|
|
}
|
|||
|
|
else if (window.ActiveXObject) { // IE浏览器
|
|||
|
|
try {
|
|||
|
|
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
|
|||
|
|
} catch (e) {
|
|||
|
|
try {
|
|||
|
|
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
|
|||
|
|
} catch (e) {}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//发送请求函数
|
|||
|
|
function sendRequest() {
|
|||
|
|
createXMLHttpRequest();
|
|||
|
|
var url = "data1.php?_dc="+new Date().getTime();
|
|||
|
|
XMLHttpReq.open("GET", url, true);
|
|||
|
|
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
|
|||
|
|
XMLHttpReq.send(null); // 发送请求
|
|||
|
|
}
|
|||
|
|
// 处理返回信息函数
|
|||
|
|
function processResponse() {
|
|||
|
|
if (XMLHttpReq.readyState == 4) { // 判断对象状态
|
|||
|
|
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
|
|||
|
|
DisplayHot();
|
|||
|
|
setTimeout("sendRequest()",2000); //设置自动刷新时间，这里是毫秒，即2秒//RemoveRow();
|
|||
|
|
} else { //页面不正常
|
|||
|
|
//window.alert("您所请求的页面有异常。");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function DisplayHot()
|
|||
|
|
{
|
|||
|
|
var theDate = XMLHttpReq.responseText ;//如果出现编码问题,可以在服务端escape一下,然后在这里使用unescape( responseText )
|
|||
|
|
|
|||
|
|
gxsj1.innerHTML = theDate ;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//获取当前时间带跳动
|
|||
|
|
function showLocale(objD){
|
|||
|
|
var str,colorhead,colorfoot;
|
|||
|
|
var yy = objD.getYear();
|
|||
|
|
if(yy<1900) yy = yy+1900;
|
|||
|
|
var MM = objD.getMonth()+1;
|
|||
|
|
if(MM<10) MM = '0' + MM;
|
|||
|
|
var dd = objD.getDate();
|
|||
|
|
if(dd<10) dd = '0' + dd;
|
|||
|
|
var hh = objD.getHours();
|
|||
|
|
if(hh<10) hh = '0' + hh;
|
|||
|
|
var mm = objD.getMinutes();
|
|||
|
|
if(mm<10) mm = '0' + mm;
|
|||
|
|
var ss = objD.getSeconds();
|
|||
|
|
if(ss<10) ss = '0' + ss;
|
|||
|
|
var ww = objD.getDay();
|
|||
|
|
if ( ww==0 ) colorhead="";
|
|||
|
|
//if ( ww > 0 && ww < 6 ) colorhead="";
|
|||
|
|
//if ( ww==6 ) colorhead="";
|
|||
|
|
//if (ww==0) ww="星期日";
|
|||
|
|
//if (ww==1) ww="星期一";
|
|||
|
|
//if (ww==2) ww="星期二";
|
|||
|
|
//if (ww==3) ww="星期三";
|
|||
|
|
//if (ww==4) ww="星期四";
|
|||
|
|
//if (ww==5) ww="星期五";
|
|||
|
|
//if (ww==6) ww="星期六";
|
|||
|
|
colorfoot=""
|
|||
|
|
str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + colorfoot;
|
|||
|
|
return(str);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function tick(){
|
|||
|
|
var today;
|
|||
|
|
today = new Date();
|
|||
|
|
document.getElementById("localtime").innerHTML = showLocale(today);
|
|||
|
|
window.setTimeout("tick()", 1000);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tick();
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//自动增加数字
|
|||
|
|
window.onload = function() {
|
|||
|
|
// 数字到达 100 后还原为 1
|
|||
|
|
var max = 11000000,
|
|||
|
|
o = document.getElementById('zdzj1');
|
|||
|
|
var chrome = /chrome/i.test(navigator.userAgent);
|
|||
|
|
|
|||
|
|
// 获取保存的数据
|
|||
|
|
if(chrome) {
|
|||
|
|
data_num = sessionStorage.getItem("num") || "";
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
data_num = document.cookie.replace(
|
|||
|
|
/(?:(?:^|.*;\s*)num\s*\=\s*((?:[^;](?!;))*[^;]?).*)|.*/,
|
|||
|
|
"$1");
|
|||
|
|
}
|
|||
|
|
var num_now = parseInt(data_num) || 0;
|
|||
|
|
|
|||
|
|
o.innerHTML = num_now + 1;
|
|||
|
|
|
|||
|
|
// 每 0.1 秒更新一次数字，并保存数据
|
|||
|
|
setInterval(function() {
|
|||
|
|
num_now = num_now >= max ? 2685 : num_now + 1;
|
|||
|
|
o.innerHTML = num_now;
|
|||
|
|
if(chrome) {
|
|||
|
|
sessionStorage.setItem("num", num_now);
|
|||
|
|
}
|
|||
|
|
else {
|
|||
|
|
document.cookie = "num=" + num_now + ";path=/;";
|
|||
|
|
}
|
|||
|
|
}, 100);
|
|||
|
|
};
|