ajax向DIV中写入指定HTML文件
<ahref="a.html">地址1</a><bhref="b.html">地址2</a>鼠标滑过的时候就在此标记<divid="downurl"></div>载入我想...
<a href="a.html">地址1</a>
<b href="b.html">地址2</a>
鼠标滑过的时候
就在此标记
<div id="downurl"></div>
载入我想要的页面
形式如 a.php
滑到b链接的时候就要求载入 b.php
我就是就是想要在同一页面通过鼠标事件触发,载入其他的网页。
要求网页打开的时候默认载入的是a.php~~
哪位大侠帮帮我吧!在线等啊! 展开
<b href="b.html">地址2</a>
鼠标滑过的时候
就在此标记
<div id="downurl"></div>
载入我想要的页面
形式如 a.php
滑到b链接的时候就要求载入 b.php
我就是就是想要在同一页面通过鼠标事件触发,载入其他的网页。
要求网页打开的时候默认载入的是a.php~~
哪位大侠帮帮我吧!在线等啊! 展开
展开全部
这是一个我用了 bingo 框架写的ajax 和你的要求差不多了,为了简单说明,我将默认显示"a.php"的个删除
------------------------------------------
1.先导入一个现成的ajax框架,我这里推荐用bingo,虽然网上有好多更强大的,但我觉得这个足以应付大部份的操作的内容,你可以在这里下载得到,
http://www.ajaxbingo.com/
而且是中文的,非常亲切哦,dw cs4里也对他有代码提示
<script src="bingo.js"></script>
2.建一个function让来处理鼠标滑过连接时的操作
将划过的连接的ID作为判断,ajax要访问那一个文件再将得到的结果交给function "ch2"
<script>
function ch(val){
AJAXCALL(val+".php",ch2);
}
3.返回的结果显示在指定的ID的div里头,
function ch2(doc){
$("downurl").innerHTML=doc;
}
</script>
------------------------------------------
<a href="#" id="a" onmouseover="ch(this.id)">LINK A</a> | <a href="#" id="b" onmouseover="ch(this.id)">LINK B </a>
<div id="downurl"></div>
-----------------------------------------
其实这个切换页的功能你可以直接在dw cs3 cs4里找到,不需要自己编写
------------------------------------------
1.先导入一个现成的ajax框架,我这里推荐用bingo,虽然网上有好多更强大的,但我觉得这个足以应付大部份的操作的内容,你可以在这里下载得到,
http://www.ajaxbingo.com/
而且是中文的,非常亲切哦,dw cs4里也对他有代码提示
<script src="bingo.js"></script>
2.建一个function让来处理鼠标滑过连接时的操作
将划过的连接的ID作为判断,ajax要访问那一个文件再将得到的结果交给function "ch2"
<script>
function ch(val){
AJAXCALL(val+".php",ch2);
}
3.返回的结果显示在指定的ID的div里头,
function ch2(doc){
$("downurl").innerHTML=doc;
}
</script>
------------------------------------------
<a href="#" id="a" onmouseover="ch(this.id)">LINK A</a> | <a href="#" id="b" onmouseover="ch(this.id)">LINK B </a>
<div id="downurl"></div>
-----------------------------------------
其实这个切换页的功能你可以直接在dw cs3 cs4里找到,不需要自己编写
展开全部
具体你粘贴代码试试吧, 已经按照你要求写了.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.5.min.js"></script>
<script type="text/javascript">
function initPage() {
$("a[name='load']").mouseover(function(){
var url = $(this).attr("href");
$("#loadpage").empty().load(url)
})
}
</script>
</head>
<body>
<a name="load" href="a.html">地址1</a>
<a name="load" href="b.html">地址2</a>
<div id="loadpage" style="width:800px;height:600px;border:1px solid #ccc"></div>
<script type="text/javascript">initPage()</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.5.min.js"></script>
<script type="text/javascript">
function initPage() {
$("a[name='load']").mouseover(function(){
var url = $(this).attr("href");
$("#loadpage").empty().load(url)
})
}
</script>
</head>
<body>
<a name="load" href="a.html">地址1</a>
<a name="load" href="b.html">地址2</a>
<div id="loadpage" style="width:800px;height:600px;border:1px solid #ccc"></div>
<script type="text/javascript">initPage()</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询