Jquery公告滚动 AJAX后台得到数据-jquery

名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

本篇文章具体介绍如下

aspx
具体代码如下:
<script src="http://www.cnblogs.com/js/jquery/jquery.js" type="text/javascript"></script>
<script src="http://www.cnblogs.com/js/common/jquery.timers.js" type="text/javascript"></script>
<script type="text/javascript">
var myar1;var myar2;
function Notice(){//定时器热门促销
var pdata ="nameparam=" document.getElementById("nameparam").value "¶m=1";
$.ajax({
url: "Util/MainUtil.aspx", //后台处理类
type: "POST",
data: pdata,
dataType: "html",
timeout: 10000,
error: function(data) { },
success: function(data) {
//因为这个AJAX是定时器控制的，每过5分钟就会自动去后台刷新。取出最新数据。
//所有在重装数据数据时，要先停止针对这些数据的所有动作。
$("#scrollDiv1").stop(true);
//在容器中输出数据
$("#scrollDiv1>#ul1").innerhTML="";
//hTML（data）是Jquery的一个方法。是把hTML具体代码解析并装入
$("#scrollDiv1>#ul1").html(data);
//setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 <DIV class=spctrl></DIV>　　setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
//利用myar变量来控制输出时的对应的编号。然后接着那个编号执行调用函数。这样，不会有那种替换数据时，滚动效果卡住的感觉。视觉效果好。
//虽然这样有可能不是从第一个最新更新的公告开始显示，有利有弊。
myar1 = setInterval('AutoScroll("#scrollDiv1")', 2000)
$("#scrollDiv1").hover(function() { clearInterval(myar1); }, function() { myar1 = setInterval('AutoScroll("#scrollDiv1")', 2000) }); //当鼠标放上去的时候，滚动停止，鼠标离开的时候滚动开始
//hOVER 方法用来使当你鼠标停在滚动的某条数据时。响应停止滚动动作。可以点击去超链。
//后台的那个函数：如果又移走鼠标，则从刚才的变量编号开始滚动。
}
});
}
//定时器控制。每5分钟针对某个容器执行一次内容的更新
$(function() {
$("#ul1").everyTime(300000, function(i) {//每5分钟执行一次
Notice();
});
});
//其载入顺序要注意。首先要等所有数据载入以后才可以。也就是AJAX填充之后，才能调用。那么window.onload或者在BODY中ONLOAD都可以
//但是$(<SPAN size="-1"><EM>document).ready</EM>和onload的有区别。$(<SPAN size="-1"><EM>document).ready是在DOM框架载入完成就执行。我们要等待AJAX。所以这里不能用。</EM></SPAN></SPAN>
<SPAN size="-1">//这是$(<SPAN size="-1"><EM>document).ready比较稳定的写法。</EM></SPAN></SPAN>
<SPAN size="-1">//jQuery.noConflict(); jQuery(document).ready(function(){});<BR></SPAN>
//但有人说
//$(document).ready(function(){
// alert("hello");
/

精品模板推荐

魔术工作室dedecms织梦网站源码

2016-03-23 157 10金币下载

高端炫酷网络公司建站工作室织梦

2017-07-28 508 200金币下载

建筑智能化软件研发系统类织梦模

2018-07-07 290 20金币下载

餐饮连锁店咖啡厅饮料品牌公司企

2016-12-06 412 70金币下载

响应式自适应企业通用类网站织梦

Dedecms蓝色大气博客网站模板

门锁类织梦网站模板带手机网站织梦贼牛搞笑网站源码_dedecms搞笑类网站源码响应式自适应医疗美容整形机构企业网站织梦模板宠物狗机构类网站织梦模板(带手机端) 响应式新材料类网站织梦dedecms模板(中英双语自适应版) 织梦红色按摩中心网站模板鲜花产品展示网站类织梦模板(带手机端) 红色高端大气婚纱摄影织梦网站带手机WAP站同步PC站数据工商企业管理代理记账注册公司dedecms网站源码四通政府整站,极品dedecms源码宽屏dedecms装修设计家装软装别墅装修网站美甲美容美发化妆培训机构学校企业织梦模板响应式监控类电子科技设备网站织梦模板(自适应各类移动设备) 高端科技类企业通用织梦网站源码电线电缆设备辅助材料类网站织梦模板带手机端