求图片切换，相仿QQ图片新闻
日期：2014-05-17 浏览次数：20597 次
求图片切换，类似QQ图片新闻
http://news.qq.com/a/20110916/000460.htm#p=5
要这种效果，谁有资源共享一下啊 ， 在线等啊， 急。
------解决方案--------------------
http://js.aiyiweb.com/a/2009051155871.shtml源码
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>图片切换事件toggle</title>
<script type="text/javascript" src="JS/jquery-1.6.2.min.js"></script>
<style type="text/css">
body { font-size: 13px; }
img { border: solid 1px #ccc; padding: 3px; height:400px; width: 400px; }
</style>
<script type="text/javascript">
$(function() {
$("img").toggle(function(){
$("img").attr("src", "image/image1.jpg");
$("img").attr("title", this.src);
},
function() {
$("img").attr("src", "image/image2.jpg");
$("img").attr("title", this.src);
},
function() {
$("img").attr("src", "image/image3.jpg");
$("img").attr("title", this.src);
})
})
</script>
</head>
<body>
<img />
</body>
</html>
以上代码你需要在网上（网址:http://jquery.com）下载一个JQUERY的JS文件
http://news.qq.com/a/20110916/000460.htm#p=5
要这种效果，谁有资源共享一下啊 ， 在线等啊， 急。
------解决方案--------------------
http://js.aiyiweb.com/a/2009051155871.shtml源码
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>图片切换事件toggle</title>
<script type="text/javascript" src="JS/jquery-1.6.2.min.js"></script>
<style type="text/css">
body { font-size: 13px; }
img { border: solid 1px #ccc; padding: 3px; height:400px; width: 400px; }
</style>
<script type="text/javascript">
$(function() {
$("img").toggle(function(){
$("img").attr("src", "image/image1.jpg");
$("img").attr("title", this.src);
},
function() {
$("img").attr("src", "image/image2.jpg");
$("img").attr("title", this.src);
},
function() {
$("img").attr("src", "image/image3.jpg");
$("img").attr("title", this.src);
})
})
</script>
</head>
<body>
<img />
</body>
</html>
以上代码你需要在网上（网址:http://jquery.com）下载一个JQUERY的JS文件
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
