又一个jquery轮播效果，焦点图，带数字显示序号，这个可以添加对应标题在图片上，支持主流浏览器...

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量278 收藏
点赞数
文章标签： javascript xhtml ui ViewUI
原文链接：http://www.cnblogs.com/zerogo/archive/2010/08/02/1790726.html
版权
先放一个截图，一个网页上放几个效果的案例

http://www.corange.cn//uploadfiles/0630_33104.jpg

<!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 type="text/javascript" src="http://i3.dukuai.com/ui/js/jquery-1.32pack.js"></script>
<script type="text/javascript" src="effect_commonv1.1.js"></script>
</head>
<body>

<div style="clear:both; margin-bottom:20px;">
<ul id="pub_slideplay">
<li>
<a target="_blank" href="#">
<img alt="" src="images/01.gif" />
<p>corange.cn</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/02.jpg" />
<p>给我人生中第一个一克拉的钻</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/03.jpg" />
<p>"我喜欢自己二十岁时甜美的笑</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/04.jpg" />
<p>单眼皮MM也可以很漂亮</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/05.jpg" />
<p>一桌子好菜大餐 都没人敢吃</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/06.jpg" />
<p>大学女生寝室真的很“丰满”</p>
</a>
</li>
</ul>
</div>

<div style="clear:both; margin-bottom:20px">
<ul id="pub_slideplay2">
<li>
<a target="_blank" href="#">
<img alt="" src="images/01.gif" />
<p>corange.cn</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/02.jpg" />
<p>给我人生中第一个一克拉的钻</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/03.jpg" />
<p>"我喜欢自己二十岁时甜美的笑</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/04.jpg" />
<p>单眼皮MM也可以很漂亮</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/05.jpg" />
<p>一桌子好菜大餐 都没人敢吃</p>
</a>
</li>
<li>
<a target="_blank" href="#">
<img alt="" src="images/06.jpg" />
<p>大学女生寝室真的很“丰满”</p>
</a>
</li>
</ul>
</div>


<script type="text/javascript">new dk_slideplayer("#pub_slideplay",{width:"320px",height:"170px",fontsize:"12px",time:"5000"});</script>
<script type="text/javascript">new dk_slideplayer("#pub_slideplay2",{width:"320px",height:"170px",fontsize:"12px",time:"4000"});</script>

</body>
</html>
effect_commonv1.1.js文件
http://www.corange.cn//uploadfiles/effect_commonv1.1_46900.rar
原文地址: http://www.corange.cn/archives/2010/06/3660.html

转载于:https://www.cnblogs.com/zerogo/archive/2010/08/02/1790726.html

weixin_30471065
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html轮播代码 圆点,轮播图下方带圆点+数字+左右按钮
weixin_42528296的博客
05-30 1210
HtmlCssJs<>* {padding:0;margin:0;}ul {list-style:none;}.out {width:350px;height:245px;margin:50px auto;position:relative;}.img li {position:absolute;top:0px;left:0px;display:none}.out .num {posi...
JavaScript实现简单的图片轮播（通过点击数字切换）
热门推荐
lettle_redhat的博客
08-21 1万+
最终实现效果图 点击下标切换到该图片上 代码块<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style> * { margin: 0; padding: 0 }
打开的页面全部显示html,【求助】页面上显示几个数字，打开html的时候希望能滚动起来...
weixin_39661405的博客
06-03 171
该楼层疑似违规已被系统折叠隐藏此楼查看此楼*{padding: 0;margin: 0;}div{width:60px;height:50px;border:1px solid red;overflow: hidden;position: relative;margin: 200px 400px;}ul{width:200px;height:20px;float:left;position: a...
一个jquery轮播效果，焦点图，带数字显示序号，这个可以添加对应标题在图片上，支持主流浏览器...
corange代码演示
06-25 1075
先放一个截图，一个网页上放几个效果的案例 演示地址:http://www.corange.cn/demo/3660/index.html&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&...
jquery带数字焦点图轮播代码_带按钮焦点图轮播代码
11-16
jquery带数字焦点图轮播代码_带按钮焦点图轮播代码
html+js+css图片轮播图下方配文字可变图片可点击.rar
12-17
html+js+css图片轮播图下方配文字可变图片可点击
基于JQuery实现图片轮播效果(焦点图)
11-23
兼容到IE6+以上浏览器，有轮播速度和切换间隔两个参数可以改。 效果图如下： Html代码如下： <html> <head> <meta charset="utf-8"> <title>banner图</title> <link href=...
jQuery带标题的焦点图片轮播切换代码
11-13
在这个主题中，“jQuery 带标题的焦点图片轮播切换代码”涉及到如何利用 jQuery 实现一个具有标题功能的图片轮播效果。 首先，我们需要理解基本的 HTML 结构，这通常包括一个容器元素来承载轮播，每个图片和对应的...
jQuery带进度条全屏图片轮播焦点图效果源码.zip
11-17
【标题】"jQuery带进度条全屏图片轮播焦点图效果源码.zip"是一个基于jQuery库的项目，它提供了一种具有进度条显示的全屏图片轮播效果。这种效果通常用于网站的首页或者产品展示区域，以吸引用户的注意力并增强用户...
jQuery带标题文字介绍的图片轮播插件
06-09
本篇文章将详细探讨一个基于jQuery的带标题文字介绍的图片轮播插件。 首先，让我们了解这个插件的基本结构。它由四个主要部分组成：`index.html`、`css`目录、`fonts`目录和`js`目录。`index.html`是页面的主体，...
Jquery图片以及序号切换
11-18
自己用Jquery(1.4.2)写的图片以及相应的序号切换,包括鼠标滑过停留,可以手动停止,挺好用的看看吧.
HTML轮播图源码~~
04-30
HTML轮播图、最简单的功能、非常轻松的就可以套进代码里
jQuery多屏简单实用带数字按钮轮播图插件.zip
07-11
jQuery多屏简单实用带数字按钮轮播图插件。
带数字框上下轮播图
akasmq6228的博客
12-28 208
<!DOCTYPE html><html> 　　<head> 　　　　<meta charset="UTF-8"> 　　　　<title></title> 　　　　<style > 　　　　.wrap-top-right{width: 205px;height: 380px;} 　　　　.r...
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 347
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
jquery图片滚动制作一个带有选项卡切换滚动效果且带有左右按钮控制的图片左右滚动焦点图。
06-02
您可以使用jQuery插件来实现这个效果，其中比较流行的是jQuery EasyTabs和jQuery jCarousel。 首先，您可以使用EasyTabs插件来添加选项卡切换功能。这个插件可以让您将内容分成多个选项卡，并在用户点击选项卡时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值