javascript实现图片文字间切换
在html中,需要有4行数据,用ul---li定义,开始时第一行显示图片,下面几行显示文字,点击某一行时那一行就需要显示图片,其余的显示文字,谢谢...
在html中,需要有4行数据,用ul---li定义,开始时第一行显示图片,下面几行显示文字,点击某一行时那一行就需要显示图片,其余的显示文字,谢谢
展开
提示该问答中所提及的号码未经验证，请注意甄别。
3个回答
展开全部
试试这个图片切换
有12345数字一起切换
有小图大图一起切换
里面有教程和源码
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?2=u&id=11341
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给我看看你想要什么效果，也许我能帮助你吧！！给你我的qq号码，1024556147！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
看看是不是这个意思
<html>
<head>
<SCRIPT type="text/javascript">
var oldHtml="",newHtml="",li;
function change(temp){
if(oldHtml == ""){
li = temp.parentElement;
oldHtml = li.innerHTML;
newHtml = "<img src='"+temp.alt+"'/>";
li.innerHTML = newHtml;
}else{
li.innerHTML = oldHtml;
li = temp.parentElement;
oldHtml = li.innerHTML;
newHtml = "<img src='"+temp.alt+"'/>";
li.innerHTML = newHtml;
}
}
</SCRIPT>
</head>
<body >
<ul>
<li><a href="#" alt="1.jpg" onclick="change(this) ">图片1</a></li>
<li><a href="#" alt="2.jpg" onclick="change(this)">图片2</a></li>
<li><a href="#" alt="3.jpg" onclick="change(this)">图片3</a></li>
<li><a href="#" alt="4.jpg" onclick="change(this)">图片4</a></li>
</ul>
</body>
</html>
<html>
<head>
<SCRIPT type="text/javascript">
var oldHtml="",newHtml="",li;
function change(temp){
if(oldHtml == ""){
li = temp.parentElement;
oldHtml = li.innerHTML;
newHtml = "<img src='"+temp.alt+"'/>";
li.innerHTML = newHtml;
}else{
li.innerHTML = oldHtml;
li = temp.parentElement;
oldHtml = li.innerHTML;
newHtml = "<img src='"+temp.alt+"'/>";
li.innerHTML = newHtml;
}
}
</SCRIPT>
</head>
<body >
<ul>
<li><a href="#" alt="1.jpg" onclick="change(this) ">图片1</a></li>
<li><a href="#" alt="2.jpg" onclick="change(this)">图片2</a></li>
<li><a href="#" alt="3.jpg" onclick="change(this)">图片3</a></li>
<li><a href="#" alt="4.jpg" onclick="change(this)">图片4</a></li>
</ul>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
