jquery 图片循环显示

XTUxiaoxin 2011-09-01

http://lichengyezi.iteye.com/blog/544198

<!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=gb2312" /> 
<script src="http://www.cssrain.cn/demo/JQuery+API/jquery-1[1].2.1.pack.js" type="text/javascript"></script> 
<style type="text/css"> 
* {margin:0;padding:0;font-size:12px;font-family:Verdana;} 
img {border:0} 
#pic{margin:5px;width:300px;height:200px;overflow:hidden;cursor:pointer;} 
#play{position:absolute;margin-left:200px;margin-top:-30px;} 
#play a{text-decoration: none;border:1px solid #CEDEF7;background-color:#E8FCEB;width:20px;height:20px;color:#2F49DF;display:block;float:left;text-align:center;line-height:20px;margin-right:3px;} 
</style> 
<script type="text/javascript"> 
var _c = _h = 0; 
$(function(){ 
    $('#play > a').click(function(){ 
        var i = $(this).attr('alt') - 1; 
        clearInterval(_h); 
        _c = i; 
        play(); 
        change(i);        
    }) 
    $("#pic img").hover(function(){clearInterval(_h)}, function(){play()}); 
    play(); 
}) 
function play() 
{ 
    _h = setInterval("auto()", 1000); 
} 
function change(i) 
{ 
    $('#play > a').css('background-color','#E8FCEB').eq(i).css('background-color','#C6FF5E').blur(); 
    $("#pic img").hide().eq(i).fadeIn('slow'); 
} 
function auto() 
{    
    _c = _c > 2 ? 0 : _c + 1; 
    change(_c); 
} 
</script> 
<title>js图片播放轮换</title> 
</head> 

<body> 
<div id="pic"> 
    <img src="http://www.cssrain.cn/demo/pic/cssrain-logo.JPG" width="300" height="200" alt="" /> 
    <img src="http://www.cssrain.cn/demo/pic/usbmingpian.jpg" width="300" height="200" alt="" /> 
    <img src="http://www.cssrain.cn/demo/pic/ganyingdeng2.jpg" width="300" height="200" alt="" /> 
    <img src="http://www.cssrain.cn/demo/pic/ganyingdeng.jpg" width="300" height="200" alt="" /> 
</div> 
<div id="play"> 
    <a href="###" alt="1" style="background-color:#C6FF5E">1</a> 
    <a href="###" alt="2" >2</a> 
    <a href="###" alt="3" >3</a> 
    <a href="###" alt="4" >4</a> 
</div> 

<br/><br/><br/><br/> 
<div>转:<a href="http://koyoz.com">koyoz.com</a>&nbsp;&nbsp;</div> 
</body> 
</html>
XTUxiaoxin

XTUxiaoxin

相关推荐

python PIL（pillow）图像处理-图片上添加文字

#生成大小为400x400RGBA是四通道图像，RGB表示R，G，B三通道，A表示Alpha的色彩空間

cas的无名 / 0评论 2020-02-18

python django 前端上传图片，后端以二进制流形式保存到数据库

html +="<div>qq:"+da.ww+"</div><div>类型:"+da.tp+"</div><div>备注:"+da.p

chouliqingke / 0评论 2020-02-13

在Linux和Windows XP之间使用FTP来互传文件

　　在Linux和Windows XP之间使用FTP来互传文件,今天第一次付诸于行动，发现其实很简单，跟我们正常的两台Windows XP系统的机器之间使用FTP基本一样。　　3、上传文件　　上传文件通常用 put 和 mput 这两条命令，put 用于单

云端轻躺 / 0评论 2007-09-04

使用用SQL语句从电脑导入图片到数据库的方法

SELECT 1, 'C:\Users\w\Desktop\产品图片\2#加工图34-C专用.jpg','2#加工图34-C专用'. DECLARE CUR_PIC CURSOR FOR SELECT ID,WPATH,PIC FROM W_PIC;DEC

GonaShrimp / 0评论 2019-09-02

python读取目录下所有的jpg文件,并显示第一张图片的示例

# 读取目录下所有的jpg图片。# 显示第一张图片

sizhixht / 0评论 2019-06-13

Solr

et操作提出查找请求，并得到XML格式的返回结果；特定Solr是一个高性能，采用Java5开发，基于Lucene的全文搜索服务器。同时对其进行了扩展，提供了比Lucene更为丰富的查询语言，同时实现了可配置、可扩展并对查询性能进行了优化，并且提供了一个完善

lionelf / 0评论 2012-04-07

java --运用hhs 框架,tomcat 访问mysql 数据库 连接 失败后,自动 重新连接怎么做?

useUnicode=true&amp;characterEncoding=utf8&amp;autoreconnect=true"p:username="pic"

shouen / 0评论 2011-01-26

FFMPEG vaapi_encoder 源码阅读

VAAPI是intel设计的一个视频硬件加速器的软件接口。FFMPEG也将其集成进来。这里通过对源码的分析来了解它的编码流程，尤其是参考帧是如何管理的。一般情况，编码器的工作周期是一个GOP。GOP通常是封闭的，即下一个GOP不依赖于上一个GOP。这意味着

流萤 / 0评论 2019-06-26

thinkphp中使用ajax接收json数据

//由于ThinkPHP不解析JavaScript里的ThinkPHP常量，所以需要先在这里定义。dataType: 'text',//返回的内容的类型，由于PHP文件是直接echo的，那么这里就是text. } Product.class.php中使用e

dalong / 0评论 2013-07-22

Electron + Vue 实现一个代理客户端

原理作为一个合格的前端工程师，你一定用过Fiddler或Charles之类的抓包工具。但是在Mac上做开发时，相关的抓包工具很多是收费的。当你费劲心思下载到了破解版，却还是难以忍受其丑陋的win风格界面和令人悲伤的闪退问题。有没有想过自己来实现一个代理客户

阳光之吻 / 0评论 2019-06-21

ORACLE如何实现ID自动增长

cache20;dual;:new.info_id:=next_id;end;insertintotable(id,name)values(seq_name.nextval,yourname);end;

zgxzowen / 0评论 2008-08-21

PowerShell实现批量重命名文件

假设你有一个很大的文件夹，里面全是图片，你想对文件夹中图片的名称，按照某个统一的规则进行重命名，本文的脚本会简单进行演示：。}文件夹中所有的JPG文件都被重命名过了，新的图片文件名形如”pic_”和一个6位的数字，你根据这个模板稍加改装，可以完成更加丰富的

gcong / 0评论 2019-06-13

android动态显示图片

HttpGet get = new HttpGet; HttpClient client = new DefaultHttpClient(); Bitmap pic = null; try { HttpResponse response = client.

liubang000 / 0评论 2015-08-17

android 向数据库写入图片信息 读取图片信息

Stringsql="insertintopic_info(pic_data,pic_name,pic_size,send_date,is_success)"+"values(?,?,?)";Object[]args

sunshunli / 0评论 2011-03-11

Dao层+数据库解析数据

db.execSQL("create table myworld (id integer primary key autoincrement," +

yangxinhua / 0评论 2018-12-31

Python徒手实现识别手写数字—图像识别算法(K最近邻）写在前面

上一次写到了数据库的建立，我们能够实时的将更新的训练图片存入CSV文件中。所以这次继续往下走，该轮到识别图片的内容了。之后我们就可以开始进行正式图片识别内容了。主要是计算待识别图片与所有训练图片的距离。

学无涯愈进而愈惘 / 0评论 2018-08-30

PHP+jQuery+Ajax实现点赞效果方法及源码

今天本文给大家讲述了实例php+jQuery+Ajax实现点赞效果的方法。分享给大家供大家参考，具体如下：。先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“赞”总数，pic_ip则记录用户点击赞后的IP数据。在index.php中

yinghuihong / 0评论 2018-02-25

原生js和css实现图片轮播效果

//改变图片组的堆叠顺序。最外的图片放到最下面，其他图片依次向外移动

purecss / 0评论 2017-02-07

jQuery实现滚动效果

假设有三张图片，三张图片实际上都是存在于页面上的，但是由于设置的可视部分的大小是小于等于一张图片的大小的，想要看到其他图片的话，最直接的想法就是将需要显示的图片放在可视区域，也就是说需要改变的是整个图片区域的偏移值

81751330 / 0评论 2017-11-17

django将图片上传数据库后在前端显式的方法

return render4、在settings中设置。MEDIA_ROOT=os.path.join.replace5、在app的urls中设置

刘燕娜 / 0评论 2018-05-25

Linux下生成动态链接库是否必须使用 -fPIC 的问题

在 Linux 下制作动态链接库，“标准” 的做法是编译成位置无关代码，然后链接成一个动态链接库。经常遇到的一个问题是 -fPIC 是不是必需，因为好像不加经常也能正常运行，只是创建 .so 的时候会有一个警告。 通常的建议是始终加上 -fPIC 生成位置

chenjiawei / 0评论 2011-06-14

解决python删除文件的权限错误问题

找了很久没找到什么原因，以为是windows系统的问题，最后发现是删除了一个没有关闭的文件引起的。os.remove后来我增加了那行f.close()就OK啦！

qingqingpiaoguo / 0评论 2018-04-24

Python优化图片实际操作技巧浅析

在一个网站中，会有很多图片来支持这个页面获得更好的用户体验。今天我们就会为大家介绍一下Python优化图片的相关方法，以方便大家应用。对于网站中的一些关键的页面，多重缓存、静态化、程序代码优化……之外，为了提高用户打开页面的速度，图片是必须要优化的。不如说

honghao0 / 0评论 2010-03-05

python实现识别手写数字 python图像识别算法

上一次写到了数据库的建立，我们能够实时的将更新的训练图片存入CSV文件中。所以这次继续往下走，该轮到识别图片的内容了。之后我们就可以开始进行正式图片识别内容了。主要是计算待识别图片与所有训练图片的距离。

campwin / 0评论 2018-01-29

Python基于PyGraphics包实现图片截取功能的方法

本文实例讲述了Python基于PyGraphics包实现图片截取功能的方法。分享给大家供大家参考，具体如下：。>>>import media就会提示没有media这个模块！原来media模块不是系统的标准模块，需要安装第三方软件后才能用。

houmenghu / 0评论 2017-12-21

网页瀑布流布局jQuery实现代码

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。下面来看代码，用纯CSS3来做看效果怎样！</div>这里用一个大盒子来装全部内容，小盒子

83453861 / 0评论 2016-10-21

Ruby Rmagick安装指导手册

基于Ruby语言的开发框架有许多种。下面我们就为大家详细介绍其中Ruby Rmagick安装技巧，希望对又需要的朋友有所帮助。& GraphicsMagick 影象处理程式库的 Ruby 版界面, 很方便使用,功能也强,让我们试试看吧。安装以Win

阿来小同学 / 0评论 2009-12-18

javascript通过元素id和name直接取得元素的方法

本文实例讲述了javascript通过元素id和name直接取得元素的方法。分享给大家供大家参考。我们知道一些第三方的js库对如何快速选取html中的元素做了一些简化，貌似十分高深莫测，其实也不然。而且js本身自带了对于特殊元素的简便选取的方法，下面就为大

zgzczzw / 0评论 2015-04-28

jQuery带进度条全屏图片轮播特效代码分享

本文实例讲述了jQuery带进度条全屏图片轮播特效。分享给大家供大家参考。在head区域引入CSS样式：

87941037 / 0评论 2019-04-22

Python实现多线程抓取妹子图

心血来潮写了个多线程抓妹子图，虽然代码还是有一些瑕疵，但是还是记录下来，分享给大家。print i + "下载超时，跳过！print count,"张图片保存在".decode.encode +

PythonBiglove / 0评论 2019-04-21

Python实现批量下载图片的方法

本文实例讲述了Python实现批量下载图片的方法。分享给大家供大家参考。a,已下载的数据块。c,远程文件的大小

Haopython / 0评论 2015-07-08

jquery实现图片随机排列的方法

本文实例讲述了jquery实现图片随机排列的方法。分享给大家供大家参考。--保存图片地址，因为本地图片原因，所以上传到了百度空间 -->. --图片个数，可自定义，但是同时li的个数也要与图片个数一样 -->. --生成数组，保存序号 --&g

81971235 / 0评论 2019-04-21

编写Python脚本批量下载DesktopNexus壁纸的教程

DesktopNexus 是我最喜爱的一个壁纸下载网站，上面有许多高质量的壁纸，几乎每天必上， 每月也必会坚持分享我这个月来收集的壁纸。但是 DesktopNexus 壁纸的下载很麻烦，而且因为壁纸会通过浏览器检测你当前分辨率来展示 合适你当前分辨率的壁纸

pythonjw / 0评论 2019-04-19

jQuery实现瀑布流布局

//jQuery支持连缀,隐式迭代;

87941037 / 0评论 2019-04-19

python使用cStringIO实现临时内存文件访问的方法

本文实例讲述了python使用cStringIO实现临时内存文件访问的方法。分享给大家供大家参考。f = cStringIO.StringIOf 是一个文件对象， 它和：f = open 打开的文件一样 可以向操作本地文件一样对内存文件进行读写。希望本文所

zhaojikun / 0评论 2015-03-26

基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中

--图片文字介绍透明层-->

CeiWCJ / 0评论 2014-05-11

解析jquery中的ajax缓存问题

jquery的ajax请求默认请求cache是true 也就是开启的，dataType为script和jsonp时默认为false。现在我要在浏览器里读取缓存，因为ajax请求的数据很大，请求一次就够了。但是问题来了，在FF里面，是没有ajax缓存的，也就

83457500 / 0评论 2013-12-19

基于PHP实现等比压缩图片大小

<?php. resizeImage($im,,,'xinde','.jpg');function resizeImage($im,$maxwidth,$maxheight,$name,$filetype). $pic_width = imagesx

phpsir / 0评论 2016-03-04

ASP.NET实现图片以二进制的形式存入数据库

本文以实例形式讲述了ASP.NET实现图片以二进制的形式存入数据库的方法。过去我们都是直接在数据库中存入图片文件名的，还没有试过存储整张图片到数据库中，经过一番资料查询与测试，整理出了如下的功能代码：。/****** 对象: Table [dbo].[pi

阿泰 / 0评论 2019-04-12

基于Jquery的简单图片切换效果

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>. var t;var imglen = $

CeiWCJ / 0评论 2011-01-06

PHP图片等比例缩放生成缩略图函数分享

<?php. function makethumb($im,$dstimW,$dstimH,$thumbname ,$filetype){. $pic_W=imagesx($im);$pic_H=imagesy($im);$arr = array()

githubphpnobug / 0评论 2014-06-10

php利用GD库生成缩略图示例

php利用GD库生成缩略图。echo"上传文件过大";

jkzyx / 0评论 2019-04-08

Linux与Windows XP之间使用FTP互传文件

我是用虚拟机装了Linux，真实系统是Windows XP，在Windows XP下用Serv-u软件架设了FTP服务器，然后我们就可以在虚拟机的Linux下登录该FTP服务器下载或上传文件了，不同的仅是在Linux下是在命令行里输入相关FTP命令来完成的

jidonghui / 0评论 2011-06-17

python操作摄像头截图实现远程监控的例子

最近用python写了一个远程监控的程序，主要功能有：1.用邮件控制所以功能2.可以对屏幕截图，屏幕截图发送到邮箱3.可以用摄像头获取图片，这些图片上传到七牛4.开机自启动。smtp.sendmail#把接收邮箱改成自己另外一个邮箱

pythontty / 0评论 2014-03-25

jQuery+Ajax+PHP实现“喜欢”评级功能附源码下载

本文基于jQuery，通过PHP与mysql实现了一个评级功能，是一个简单的非常好的ajax应用实例。先准备两张表，pic表保存的是图片信息，包括图片对应的名称、路径以及图片“喜欢”总数，pic_ip则记录用户点击喜欢后的IP数据。

xiaoxiaod / 0评论 2019-04-04

Python3实现的腾讯微博自动发帖小工具

sqlSelectTwitter = "SELECT `content`,`pic` FROM `collection`.`weibo_content2` ORDER BY `id` DESC LIMIT 0, 144"

pythoncream / 0评论 2013-11-11

asp.net 将图片上传到mysql数据库的方法

　　protected void Button1_Click(object sender, EventArgs e). 　　string tid = Utils.getRandom(32);　　byte[] pic = new byte[length];　

柳生飘絮 / 0评论 2019-04-01

PHP实现图片压缩

function resizeImage($im, $dest, $maxwidth, $maxheight) {. $img = getimagesize($im);$im = @imagecreatefromgif($im);break;break;$

phptyong / 0评论 2018-10-12

php实现等比例不失真缩放上传图片的方法

本文实例分析了php实现等比例不失真缩放上传图片的方法。分享给大家供大家参考，具体如下：。有时上传图片时因为图片太大了，不仅占用空间，消耗流量，而且影响浏。下面分享一种等比例不失真缩放图片的方法，这样，不管上传的图片尺有多大，都会自动压缩到我们设置尺寸值的

PHP100 / 0评论 2019-03-28