本月博客排行
-
第1名
Xeden -
第2名
fantaxy025025 -
第3名
bosschen - paulwong
- johnsmith9th
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - gengyun12
- wy_19921005
- vipbooks
- e_e
- benladeng5225
- wallimn
- ranbuijj
- javashop
- jickcai
- fantaxy025025
- zw7534313
- qepwqnp
- robotmen
- 解宜然
- ssydxa219
- sam123456gz
- zysnba
- sichunli_030
- tanling8334
- arpenker
- gaojingsong
- xpenxpen
- kaizi1992
- wiseboyloves
- jh108020
- xyuma
- ganxueyun
- wangchen.ily
- xiangjie88
- Jameslyy
- luxurioust
- mengjichen
- lemonhandsome
- jbosscn
- nychen2000
- zxq_2017
- lzyfn123
- wjianwei666
- forestqqqq
- ajinn
- siemens800
- hanbaohong
- 狂盗一枝梅
- java-007
- zhanjia
- 喧嚣求静
- Xeden
最新文章列表
cssSlidy.js 响应式手机图片轮播
cssSlidy是一款支持手机移动端的焦点图轮播插件,支持标题设置,滑动动画,间隔时间等。
在线实例
实例演示
使用方法
<div id="slidy-container">
<figure id="slidy">
带指示点Viewpaper图片轮播
功能:带指示点Viewpaper图片轮播(无限轮播)
效果图:
主要实现代码:
package com.eyeandroid.viewpager;
import java.util.ArrayList;
import java.util.List;
import java.util.concurrent.atomic.AtomicInteger;
im ...
图片轮播纯脚本梳理1
网站的首页要实现一种图片的轮播功能。
1:主要运用的是相对位置及溢出不显示的特性。
2:要用到定时器的自动轮播功能,且要支持手动点击切换功能(注意:记录点击时的图片,再轮播时,从当前图片继续向下轮播)。
3:要有鼠标进入及移出事件机制:确定某一个区域的z-index足够大,鼠标进入定时器停止,鼠标移出定时器继续。
效果如下:
jquery全屏幻灯片焦点图轮播插件演示下载
1 小米3发布官网jQuery焦点图全屏大图
演示下载地址:http://www.ui3g.com/code/uicode-387.html
2 jQuery左侧图片加右侧说明焦点图图片轮滚
演示下载地址:http://www.ui3g.com/code/uicode-386.html
3 jQuery右侧选项卡收缩幻灯片
演示下载地址:http://www.ui3g.co ...
coin slider 幻灯片轮播插件
本实例功能十分强大,有独特的过渡效果,灵活的配置,而且兼容android 手机和iphone手机,还有一点就是
十分的轻量,适合各个场景使用。
本实例兼容 Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
功能强大的滚动播放插件JQ-Slide
查看效果:http://keleyi.com/keleyi/phtml/jqplug/4.htmJQ-Slide插件功能强大,滚动方式自由多样全部滚动方式 方式一 方式二 方式三 方式四 方式五 方式六
使用jquery 建立图片轮播效果。基于对象,可扩展
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.out_pic{
width: 320px;
height: 220px;
position: ...
JS实现图片轮播效果
文章原创地址:http://www.shuonar.com/blog/b2b4a3fc-c7b2-44a5-8e52-0b51e4ab37d8.html
我们首先在HTML页面中建立一个div,div里面放需要轮播的东西.
<div class="home_picture_div" id="home_picture_div">
<d ...