jQuery实现图片前进后退
来源:互联网 发布:mac 重新安装程序 编辑:程序博客网 时间:2024/05/08 05:40
<head>
<title></title>
<style type="text/css">
img
{
width:300px;height:300px;
}
a
{
text-decoration:none;
}
</style>
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('img').toggle(
function () { $('img').attr('src', 'images/2.jpg') }, function () { $('img').attr('src', 'images/3.jpg') },
function () { $('img').attr('src', 'images/1.jpg') } )
//下标是从0开始的
var arr=[1,2,3,4];
var count=1;
$('#a1').click(function(){
if(count>0){count--;}
$('img').attr('src','images/'+arr[count]+'.jpg')
})
$('#a2').click(function(){
if(count<3){count++;}
$('img').attr('src','images/'+arr[count]+'.jpg')
})
})
</script>
</head>
<body>
<span id="a1">后退</span> <img alt="" src="images/1.jpg" /><span id="a2">前进</span>
</body>
</html>
<title></title>
<style type="text/css">
img
{
width:300px;height:300px;
}
a
{
text-decoration:none;
}
</style>
<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('img').toggle(
function () { $('img').attr('src', 'images/2.jpg') }, function () { $('img').attr('src', 'images/3.jpg') },
function () { $('img').attr('src', 'images/1.jpg') } )
//下标是从0开始的
var arr=[1,2,3,4];
var count=1;
$('#a1').click(function(){
if(count>0){count--;}
$('img').attr('src','images/'+arr[count]+'.jpg')
})
$('#a2').click(function(){
if(count<3){count++;}
$('img').attr('src','images/'+arr[count]+'.jpg')
})
})
</script>
</head>
<body>
<span id="a1">后退</span> <img alt="" src="images/1.jpg" /><span id="a2">前进</span>
</body>
</html>
- jQuery实现图片前进后退
- 用jQuery实现图片的前进与后退
- Jquery 前进 后退
- 查看图片前进后退效果图
- JavaScript实现页面前进后退
- 前进后退视图的实现
- 前进,返回,后退功能实现
- ajax 的前进 后退 问题 jquery.history
- 查看图片(前进后退)功能
- 前进,后退
- 使用hash来实现Ajax前进后退
- 实现页面的后退、刷新、前进
- history pushState 实现浏览器前进与后退
- JavaScript实现页面的后退前进按钮
- 让浏览器支持 jquery ajax load 前进、后退 功能
- C#使用双链表来实现模拟IE前进后退功能
- Map用法(框架顶部实现首页,后退,前进,刷新)
- html页面实现IE的前进、后退功能
- 重学C++ 用成员初始化器初始化常量数据成员
- Android 通过http协议数据交互
- 使用JQuery实现邮箱验证
- Android开发配置篇——Windows平台JDK安装
- RTP如何打包H264数据
- jQuery实现图片前进后退
- USACO:Shaping Regions
- android ListView 几个重要属性解析
- Android游戏——学习小结(一个简单的设计小游戏)动画射击
- 关于大学生算法竞赛
- java学习过程中的小技巧记录
- Android三种实现定时器的方法
- 武大邀请赛 第八题 Key Logger
- MySql导入导出数据库(含远程导入导出)