<script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<head runat="server">
<title>柯哀永恒论坛欢迎您光临 http://www.conansherry.com</title>
<meta name="Author" content="灰原哀"/>
<meta name="keywords" content=""/>
<meta name="description" content="" />
<link href="App_Themes/Theme1/css.css" rel="stylesheet" type="text/css" />
<!-----跑马灯效果JQuery代码--------------------------->
<script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<style type = "text/css">
* { margin:0px; padding:0px;}
body { font:12px; padding:100px 200px;}
ul { list-style:none;}
img { padding:2px; border:1px solid #eee;}
a { outline:none;}
#imgs { width:500px; float:left; margin-bottom:10px;}
.top, .btm { background:url(image/sprite.gif) no-repeat; overflow:hidden;}
.top { background-position:0 0; height:5px;}
.btm { background-position:0 -5px; height:7px;}
.mid { width:486px; background:url(image/bg_img.gif) repeat-y; padding:5px 7px 0;}
.mid ul { width:486px; height:300px; background:#fff; position:relative; overflow:hidden;}
.mid ul li { width:486px; height:300px; position:absolute; left:490px; top:0;}
.mid ul li.first { left:0;}
#img_list { width:500px; height:320px; padding-top:5px; overflow:hidden; height:1%;}
#img_list a { display:block; width:14px; height:14px; text-indent:-1000px; float:left; margin-right:5px; background:url(image/sprite.gif) no-repeat 0 -13px;}
#img_list a:hover, #img_list a.active { background-position:-14px -13px;}
</style> <script type="text/javascript">
var curr = 0, next = 0, count = 0;
$(document).ready(function () {
// 记录图片的数量
count = $('#imgmy img_list a').size();
t = setInterval('imgPlay()', 2000);
// 鼠标移动到图片或导航上停止播放,移开后恢复播放
$('#imgmy imgs li, #imgmy img_list a').hover(function () {
clearInterval(t);
}, function () {
t = setInterval('imgPlay()', 2000);
}); //点击导航播放到相应的图片
$('#imgmy img_list a').click(function () {
// index()函数返回当前导航的下标
var index = $('#imgmy img_list a').index(this);
if (curr != index) {
play(index);
curr = index;
};
return false;
});
}); // 播放图片的函数
var imgPlay = function () {
next = curr + 1;
// 若当前图片播放到最后一张,设置下一张要播放的图片为第一张图片的下标
if (curr == count - 1) next = 0;
play(next);
curr++;
// 在当前图片的下标加1后,若值大于最后一张图片的下标,则设置下一轮其实播放的图片下标为第一张图片的下标,而next永远比curr大1
if (curr > count - 1) { curr = 0; next = curr + 1; }
}; // 控制播放效果的函数
var play = function (next) {
// 当前的图片滑到左边-500px,完成后返回到右边490px
// 下一张图片滑到0px处,完成后导航的焦点切换到下一个点上
$('#imgmy imgs li').eq(curr).css({ 'opacity': '0.5' }).animate({ 'left': '-500px', 'opacity': '1' }, 'slow', function () {
$(this).css({ 'left': '490px' });
}).end()
.eq(next).animate({ 'left': '0px', 'opacity': '1' }, 'slow', function () {
$('#imgmy img_list a').siblings('a').removeClass('active').end().eq(next).addClass('active');
});
};
</script>
</head>
<body>
<form id="form1" runat="server">
<atlas:ScriptManager EnablePartialRendering="true" ID="UserListMain" runat="server"></atlas:ScriptManager>
<div id="imgmy">
<table border="0" cellpadding="0" cellspacing="0" style="width: 855px">
<tr>
<td colspan="2">
<img alt="柯哀永恒" src="images/yyzyq2.jpg"/></td>
</tr>
<tr style="height:30px">
<td align="center" style="background-color: #99CCCC; " colspan="2">
<a href="Default.aspx">首页</a> | <a href="SmallClassList.aspx?bigid=1">ASP.NET学习专区</a> | <a href="SmallClassList.aspx?bigid=2">娱乐专区</a> | <a href="SmallClassList.aspx?bigid=3">管理专区</a> |
<asp:HyperLink ID="hlkNewPost" runat="server" NavigateUrl="~/NewPost.aspx">最新帖子TOP100</asp:HyperLink> | <asp:HyperLink ID="hlkClassicPost" runat="server" NavigateUrl="~/ClassicPost.aspx">精华帖子</asp:HyperLink></td>
</tr>
<tr style="height: 30px; background-color:lavender">
<td style="width:70%">
<uc2:UserLoginStateControl id="UserLoginStateControl1" runat="server">
</uc2:UserLoginStateControl></td>
<td style="width:30%" align="right">
<uc1:UserInBoxControl ID="UserInBoxControl1" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<div id="imgs">
<div class="top"></div>
<div class="mid">
<ul>
<li class="first"><a href="#"><img src="image/conan1.jpg" alt="1" style ="height:300px; width:500px;" /></a></li>
<li><a href="#"><img src="image/conan2.jpg" alt="2" style ="height:300px; width:500px;" /></a></li>
<li><a href="#"><img src="image/conan3.jpg" alt="3" style ="height:300px; width:500px;" /></a></li>
<li><a href="#"><img src="image/conan4.jpg" alt="4" style ="height:300px; width:500px;" /></a></li>
</ul>
<div id="img_list">
<a href="#1" class="active">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
</div>
</div>
<div class="btm"></div>
</div>JQuery中提示在母版页中,发生Microsoft JScript 运行时错误: 'Ext.Net.DirectMethod' 为空或不是对象的错去,
请教大家,帮忙解决一下,谢谢啦~~
<head runat="server">
<title>柯哀永恒论坛欢迎您光临 http://www.conansherry.com</title>
<meta name="Author" content="灰原哀"/>
<meta name="keywords" content=""/>
<meta name="description" content="" />
<link href="App_Themes/Theme1/css.css" rel="stylesheet" type="text/css" />
<!-----跑马灯效果JQuery代码--------------------------->
<script src="scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<style type = "text/css">
* { margin:0px; padding:0px;}
body { font:12px; padding:100px 200px;}
ul { list-style:none;}
img { padding:2px; border:1px solid #eee;}
a { outline:none;}
#imgs { width:500px; float:left; margin-bottom:10px;}
.top, .btm { background:url(image/sprite.gif) no-repeat; overflow:hidden;}
.top { background-position:0 0; height:5px;}
.btm { background-position:0 -5px; height:7px;}
.mid { width:486px; background:url(image/bg_img.gif) repeat-y; padding:5px 7px 0;}
.mid ul { width:486px; height:300px; background:#fff; position:relative; overflow:hidden;}
.mid ul li { width:486px; height:300px; position:absolute; left:490px; top:0;}
.mid ul li.first { left:0;}
#img_list { width:500px; height:320px; padding-top:5px; overflow:hidden; height:1%;}
#img_list a { display:block; width:14px; height:14px; text-indent:-1000px; float:left; margin-right:5px; background:url(image/sprite.gif) no-repeat 0 -13px;}
#img_list a:hover, #img_list a.active { background-position:-14px -13px;}
</style> <script type="text/javascript">
var curr = 0, next = 0, count = 0;
$(document).ready(function () {
// 记录图片的数量
count = $('#imgmy img_list a').size();
t = setInterval('imgPlay()', 2000);
// 鼠标移动到图片或导航上停止播放,移开后恢复播放
$('#imgmy imgs li, #imgmy img_list a').hover(function () {
clearInterval(t);
}, function () {
t = setInterval('imgPlay()', 2000);
}); //点击导航播放到相应的图片
$('#imgmy img_list a').click(function () {
// index()函数返回当前导航的下标
var index = $('#imgmy img_list a').index(this);
if (curr != index) {
play(index);
curr = index;
};
return false;
});
}); // 播放图片的函数
var imgPlay = function () {
next = curr + 1;
// 若当前图片播放到最后一张,设置下一张要播放的图片为第一张图片的下标
if (curr == count - 1) next = 0;
play(next);
curr++;
// 在当前图片的下标加1后,若值大于最后一张图片的下标,则设置下一轮其实播放的图片下标为第一张图片的下标,而next永远比curr大1
if (curr > count - 1) { curr = 0; next = curr + 1; }
}; // 控制播放效果的函数
var play = function (next) {
// 当前的图片滑到左边-500px,完成后返回到右边490px
// 下一张图片滑到0px处,完成后导航的焦点切换到下一个点上
$('#imgmy imgs li').eq(curr).css({ 'opacity': '0.5' }).animate({ 'left': '-500px', 'opacity': '1' }, 'slow', function () {
$(this).css({ 'left': '490px' });
}).end()
.eq(next).animate({ 'left': '0px', 'opacity': '1' }, 'slow', function () {
$('#imgmy img_list a').siblings('a').removeClass('active').end().eq(next).addClass('active');
});
};
</script>
</head>
<body>
<form id="form1" runat="server">
<atlas:ScriptManager EnablePartialRendering="true" ID="UserListMain" runat="server"></atlas:ScriptManager>
<div id="imgmy">
<table border="0" cellpadding="0" cellspacing="0" style="width: 855px">
<tr>
<td colspan="2">
<img alt="柯哀永恒" src="images/yyzyq2.jpg"/></td>
</tr>
<tr style="height:30px">
<td align="center" style="background-color: #99CCCC; " colspan="2">
<a href="Default.aspx">首页</a> | <a href="SmallClassList.aspx?bigid=1">ASP.NET学习专区</a> | <a href="SmallClassList.aspx?bigid=2">娱乐专区</a> | <a href="SmallClassList.aspx?bigid=3">管理专区</a> |
<asp:HyperLink ID="hlkNewPost" runat="server" NavigateUrl="~/NewPost.aspx">最新帖子TOP100</asp:HyperLink> | <asp:HyperLink ID="hlkClassicPost" runat="server" NavigateUrl="~/ClassicPost.aspx">精华帖子</asp:HyperLink></td>
</tr>
<tr style="height: 30px; background-color:lavender">
<td style="width:70%">
<uc2:UserLoginStateControl id="UserLoginStateControl1" runat="server">
</uc2:UserLoginStateControl></td>
<td style="width:30%" align="right">
<uc1:UserInBoxControl ID="UserInBoxControl1" runat="server" />
</td>
</tr>
<tr>
<td colspan="2">
<div id="imgs">
<div class="top"></div>
<div class="mid">
<ul>
<li class="first"><a href="#"><img src="image/conan1.jpg" alt="1" style ="height:300px; width:500px;" /></a></li>
<li><a href="#"><img src="image/conan2.jpg" alt="2" style ="height:300px; width:500px;" /></a></li>
<li><a href="#"><img src="image/conan3.jpg" alt="3" style ="height:300px; width:500px;" /></a></li>
<li><a href="#"><img src="image/conan4.jpg" alt="4" style ="height:300px; width:500px;" /></a></li>
</ul>
<div id="img_list">
<a href="#1" class="active">1</a>
<a href="#2">2</a>
<a href="#3">3</a>
<a href="#4">4</a>
</div>
</div>
<div class="btm"></div>
</div>JQuery中提示在母版页中,发生Microsoft JScript 运行时错误: 'Ext.Net.DirectMethod' 为空或不是对象的错去,
请教大家,帮忙解决一下,谢谢啦~~
估计是这个精简jquery本身的问题