精华内容
下载资源
问答
  • 主要介绍了基于Bootstrap框架实现图片切换的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了javascript图片切换综合实例,包括javascript图片循环切换、javascript图片顺序切换,两张图片的切换,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 主要为大家详细介绍了Android自定义ImageView实现点击两张图片切换效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 12种炫酷CSS3图片切换过渡效果CSS3多种图片切换转场显示动画效果,这实际上是一个网页焦点图特效,但这个焦点图的图片切换效果几乎不重复,每切换一次,切换的过渡转场特效都不一样,有淡入淡出渐变,有旋转渐变,有...
  • 全屏方式的图片切换
  • 点击进行图片切换、自动切换
  • C#用PictureBox控件实现选择图片切换(不是自动切换
  • wpf图片切换

    2018-03-20 09:44:57
    wpf的图片切换,单独点击可以跳转到下一关界面,实现图片跳转
  • jquery两张图片切换斜切两张图片同时切换代码
  • 纯css图片切换

    2015-12-05 18:41:23
    纯css图片切换代码,不添加任何的js效果,非常试用网,希望大家可以参考一下
  • android150种图片切换特效 演示 无源码
  • 一个可以在Unity进行图片轮播的demo,只需要给一个texture 2d的图片数组就可以直接用,有多种切换特效
  • winform 图片切换特效

    2015-09-21 16:07:06
    winform 实现图片切换特效(黑白 浮雕 自动旋转等)
  • Jquery图片轮播幻灯片效果实现左右滚动图片切换代码
  • 因为工作需要,要做图片切换效果,在网上找了好久,找到的资源要么答非所问,要么没有通用性,我就想:难道这东西这么难做吗?于是自己动手,丰衣足食。 其实各种切换特效都能用Android的属性动画来做的,我就如此...
  • html5canvas图片切换特效展示 纯canvas写的 本人原创 手机上可运行的项目
  • css实现超酷图片切换

    2016-11-25 18:04:16
    css实现超酷图片切换
  • 点击图片切换背景网页特效 点击图片切换背景网页特效 点击图片切换背景网页特效 点击图片切换背景网页特效 点击图片切换背景网页特效
  • jquery图片切换带缩略图片滚动切换
  • 本资源包含幻灯片示例和22种切换方式,封装为dll,直接调用,有源码,并在附件中告诉你源码的出处。在csdn现有的资源中,有一个收1分的资源,用了别人的dll做出一个奇怪的简单的示例,而把原作者更为完整的功能强得...
  • Android实现图片切换

    2014-05-15 11:43:01
    使用ImageView类实现图像的显示,有上一张下一张的切换功能。
  • 嵌入式lcd图片切换

    2015-09-24 19:35:44
    嵌入式lcd图片切换,实现在arm板上运行的lcd图片切换
  • 支持手机触屏左右拖拽滑动图片_html5左右滑动图片切换插件,支持手机触屏左右拖拽滑动图片_html5左右滑动图片切换插件(html)
  • 图片切换效果代码html图片切换

    热门讨论 2011-12-16 13:56:46
    图片切换html
  • JS实现图片切换和数字随图片变换 1.添加6个圆形数字超链接,鼠标移动到数字区域,切换到数字对应的图片。 鼠标单击左右箭头时,切换图片的同时,图片对应的数字样式是也选中状态。
  • 用js和CSS写图片切换效果(轮播图)

    千次阅读 多人点赞 2019-01-18 13:56:07
    用js和CSS写图片切换效果(轮播图)、 ** 学习前提** 了解CSS伪类元素,css3过度效果 对js拥有基础的了解。 清楚图片切换原理。 <!doctype html> <html lang="...

    用js和CSS写图片切换效果(轮播图)、

    ** 学习前提**

    1. 了解CSS伪类元素,css3过度效果
    2. 对js拥有基础的了解。
    3. 清楚图片切换原理。
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="Keywords" content="关键词">
        <meta name="Description" content="描述">
        <title>CSS3轮播图</title>
        <style>
            body{
                background:#ccc;
            }
            #wrap{
                width:640px;
                margin:100px auto;
                position:relative;
                padding-top:320px;
                overflow: hidden;
            }
            #wrap>img{
                position:absolute;left:0px;top:0px;
                transition:all 1s;
            }
            img{
                display:block;
    
            }
            input{
                display:none;
            }
            label{
                border:2px solid #aaa;
                margin:20px 3px;
                float:left;
                width: 10px;
    
            }
            input:checked + label{
                border:8px solid #fff;
                opacity:1;
            }
            input ~ img{
                opacity:0;
                transform:scale(1.1);
            }
            input:checked + label + img{
                opacity:1;
                transform:translate(0px);
            }
            .before
            {
                width: 50px;
                height: 320px;
               position: absolute;
                top:0px;
                left:0px;
                z-index:2;
                background: rgb(126, 131, 120, 0.31);
                border: none;
                outline: none;
    
            }
            .after
            {
                width: 50px;
                height: 320px;
                position: absolute;
                top:0px;
                right:0px;
                z-index:2;
                background: rgb(126, 131, 120, 0.31);
                border:none;
                outline: none;
            }
            .before:active{
                boeder:none;
            }
        </style>
    </head>
    <body>
    <div id="wrap">
        <input type="radio" name="checked" id="id1" checked >
        <label for="id1" id="d1" onclick="eventclick(this.id)">
          1
        </label>
        <img src="images/1.jpg" width="640" height="320">
        <input type="radio" name="checked" id="id2">
        <label for="id2" id="d2" onclick="eventclick(this.id)">
          2
        </label>
        <img src="images/2.jpg" width="640" height="320">
        <input type="radio" name="checked" id="id3">
        <label for="id3" id="d3" onclick="eventclick(this.id)">
          3
        </label>
        <img src="images/3.jpg" width="640" height="320">
        <input type="radio" name="checked" id="id4" >
        <label for="id4" id="d4" onclick="eventclick(this.id)">
            4
        </label>
        <img src="images/4.jpg" width="640" height="320">
        <input type="radio" name="checked" id="id5" >
        <label for="id5" id="d5" onclick="eventclick(this.id)">
          5
        </label>
        <img src="images/5.jpg" width="640" height="320">
        <button class="before" id="before" >
            前
        </button>
        <button class="after" id="after">
            后
        </button>
    </div>
    </body>
    <script>
        var wrap = new Array();
        var wp=document.getElementById("wrap");
        var before =document.getElementById("before");
        var after = document.getElementById("after");
       for(var i =1;i<=5;i++)
       {
           wrap[i]=document.getElementById("id"+i);
       }
        var j=1;
        function changeImg() {
            ba(j);
            if (j==wrap.length)
            {
                j=0;
            }
            else
            {
                wrap[j].click();
            }
            j++;
    
    
        }
        var run=setInterval(changeImg,2000);//每秒重置该函数
        wp.onmousemove=function () {
            clearInterval(run);
        }
        wp.onmouseout=function(){
            run=setInterval(changeImg,2000);
        }
        function ba(j) {
            var i,k;
            i=j;
            k=j;
            before.onclick=function () {
               if(i==wrap.length)
               {
                   i=5;
               }
                else if(i==1)
               {
                   i=6;
               }
               i--;
                   wrap[i].click();
            }
            after.onclick=function () {
                if(k==wrap.length)
                {
                    k=0;
                }
    
                ++k;
                wrap[k].click();
    
            }
             return j;
        }
        function eventclick(self) {
           var id =self;
            if (id=="d1")
            {
                j=1;
            }
            if (id=="d2")
            {
                j=2;
            }
           if (id=="d3")
           {
               j=3;
           }
            if (id=="d4")
            {
                j=4;
            }
            if (id=="d5")
            {
                j=5;
            }
    
        }
    </script>
    </html>
    

    这个还有些问题,有人知道请告诉我!

    展开全文
  • 响应式top图片切换

    2018-10-01 21:04:00
    响应式top图片切换响应式top图片切换响应式top图片切换响应式top图片切换响应式top图片切换响应式top图片切换响应式top图片切换响应式top图片切换响应式top图片切换响应式top图片切换
  • WPF图片切换

    2013-08-23 14:27:19
    获取绝对路径下的全部图片,鼠标点击图片切换,WPF新手,写的不好,请勿拍砖!欢迎WPF爱好者共同研究!
  • css控制图片切换

    2012-09-04 12:33:35
    有两个示例,一个是网上常见的幻灯片似的新闻图片切换,一个是ipd横向左右滑动切换,完整的示例
  • jquery slidebox图片切换插件多种新闻焦点图片滑动切换

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 336,716
精华内容 134,686
关键字:

图片切换