jQuery实现点击图片翻页展示效果的方法
本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>基于jQuery实现的点击图片翻页展示效果</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
.div{width:240px;height:90px;z-index:0;position:absolute;left:10px;border:2px #3300FF solid;border:0px;color:#FFFFFF;margin-left:320px;}
</style>
<script type="text/javascript" src="/images/jquery1.3.2.js"></script>
<script type="text/javascript">
$(function(){
var z=-1;
$("div").click(function(){
$(this).animate({left:"350px"},1000,function(){$(this).css("zIndex",z--)}).animate({left:"10px"},1000);
})
});
</script>
</head>
<body>若不能显示效果，则刷新页面可正常。
<div class="div"><img src="images/m01.jpg"></div>
<div class="div"><img src="images/m02.jpg"></div>
<div class="div"><img src="images/m03.jpg"></div>
<div class="div"><img src="images/m04.jpg"></div>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍android实现点击图片全屏展示效果，包括了android实现点击图片全屏展示效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了android实现点击图片全屏展示的具体代码，供大家参考，具体内容如下 MainActivity: 布局文件: style: 效果图: 没点击: 点击后: 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍基于jquery的手风琴图片展示效果实现方法，包括了基于jquery的手风琴图片展示效果实现方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了基于jquery的手风琴图片展示效果实现方法。分享给大家供大家参考。具体实现方法如下： 代码运行效果如下图所示： index.html页面代码如下： 完整实例代码点击此处本站下载。 希望本文所述对大家的jQuery特效设计有所帮助。
-
本文向大家介绍Android点击Button实现切换点击图片效果的示例，包括了Android点击Button实现切换点击图片效果的示例的使用技巧和注意事项，需要的朋友参考一下 这是一个简单的小的DEMO ， 关于点击按钮用于实现图片的切换， 重要的就是里面的关于逻辑的处理， 在以后图片轮播的技术上关于逻辑的处理和这个类似 Android Button的点击事件切换点击图片 android:back
-
本文向大家介绍Vue实现点击显示不同图片的效果，包括了Vue实现点击显示不同图片的效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Vue点击显示不同图片的具体代码，供大家参考，具体内容如 使用Vue中的以下知识点来显示效果 ①：v-for：循环遍历数据 ②：v-bind:class={ }：绑定样式 ③：v-on:click（简写@click）：点击事件 ④：v-if：判断 以上
-
本文向大家介绍Android实现图片点击爆炸效果，包括了Android实现图片点击爆炸效果的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android实现图片点击爆炸效果的具体代码，供大家参考，具体内容如下 实现效果： 需要注意的点： ValueAnimator ValueAnimator，是针对值的，也就是说ValueAnimator不会对控件进行任何操作，而是控制值的变化，然后
-
本文向大家介绍jQuery实现图片渐入渐出切换展示效果，包括了jQuery实现图片渐入渐出切换展示效果的使用技巧和注意事项，需要的朋友参考一下 在这之前我们先看看我们要做的效果是什么样的： 我们要图片在过“一定时间”后自动切换，在右下角处有小方块似数字1,2,3,4，这些数字是根据图片的个数自动出现的，当鼠标经过的时候数字颜色有一定的变化； 下面我们来看看具体怎么实现。 第一步：先写简单的html