ScrollPic js——图片左右滚动插件（单一功能）

最新推荐文章于 2021-05-31 11:39:03 发布
最新推荐文章于 2021-05-31 11:39:03 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jgftyfc/article/details/86632098
版权
               

客观的讲，scrollpic.js的确是一个很好用的图文滚动插件，它不但可以左右控制无缝连续滚动，还可以兼容如此多的浏览器，真的是难能可贵。对于没有太多JS专业功底的网页生产者，这个插件用起来也不是很难，所以当你需要时就不妨大胆的用吧。


插件的下载地址：ScrollPic.js

使用方法：

 
 
    
  
  1. // 先加载ScrollPic.js插件后再执行以下语句
    2. 
  
  2. 
 



                

                
                
        

        

    




        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  有水有房子
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
ScrollPic.js—简单易用的图片左右滚动插件

				
			

			

				

					qq_37916164的博客
				

				

					08-13
					
					604
					
				

			

		

		

			
				
一、ScrollPic.js是一个很好理解运用的图片左右滚动插件，兼容性较好，可以放心大胆的使用：
效果图如下：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片左右滚动</title>
    <style ...

			
		

	



                

              
                



	

		

			

				
					
scrollPic:js轮播插件

				
			

			

				

					07-10
				

			

		

		

			
				
scrollPic
插件简介
  该插件主要的特色是直接轮播容器下面的子标签，子标签可以是div,img,p,img...,使用灵活，应用场景多，可以广泛永远日常的业务开发中
功能持点：
  1.支持鼠标悬停事件
  2.支持鼠标滚动事件
  3.支持双向循环轮播
  4.支持数字下标索引
  5.支持双向自动轮播
  6.支持左右方向箭头
  7.支持单张图片轮播
使用方法：
  1,请跟据需求设置宽高
  2，设置容器id
使用举例：
      var scrollPic = new ScrollPic({
          id: 'scroll-container-id',
          width: 500,
          height: 200
      });
      scrollPic.init();

			
		

	



                


  
              

                


	

		

			

				
					
ScrollPic.js——图片左右滚动插件（单一功能）

				
			

			

				

					cc蒲公英的博客
				

				

					08-18
					
					5593
					
				

			

		

		

			
				
客观的讲，scrollpic.js的确是一个很好用的图文滚动插件，它不但可以左右控制无缝连续滚动，还可以兼容如此多的浏览器，真的是难能可贵。对于没有太多JS专业功底的网页生产者，这个插件用起来也不是很难，所以当你需要时就不妨大胆的用吧。





插件的下载地址：ScrollPic.js

使用方法：


// 先加载ScrollPic.js插件后再执行以下语句window.

			
		

	





	

		

			

				
					
javascript实现图片左右滚动效果【可自动滚动，有左右按钮】

				
			

			

				

					10-21
				

			

		

		

			
				
主要介绍了javascript实现图片左右滚动效果,可实现自动滚动,带有左右按钮功能,基于插件scrollPic.js实现,附带了相应的demo源码供读者下载参考,需要的朋友可以参考下

			
		

	



		

			
		



	

		

			

				
					
scrollpic:滚动图片

				
			

			

				

					06-15
				

			

		

		

			
				
"scrollpic"通常指的是一个JavaScript库或插件，用于实现图片或图像的动态滚动展示。这个库可能包含了一系列方法和属性，允许开发者自定义滚动速度、方向、循环模式等。  【描述】：“蝎子滚动图片 演示： :"  描述...

			
		

	





	

		

			

				
					
图片左右滚动（可自动，有左右按钮）

				
			

			

				

					07-25
				

			

		

		

			
				
"图片左右滚动（可自动，有左右按钮）"这一主题聚焦于一种特定的图片滚动实现，即图片可以自动左右滑动，并且用户可以通过点击左右按钮来手动控制滚动。这种设计常见于产品展示、轮播广告或相册应用中，为用户提供了...

			
		

	





	

		

			

				
					
jquery scrollpic插件旅游网站按钮控制图片和文字描

				
			

			

				

					11-02
				

			

		

		

			
				
jquery scrollpic插件旅游网站按钮控制图片和文字描  jquery scrollpic插件旅游网站按钮控制图片和文字描

			
		

	





	

		

			

				
					
scrollpic 多图片滚动  修复IE8

				
			

			

				

					11-01
				

			

		

		

			
				
多图片循环滚动，修复了不支持IE8循环滚动

			
		

	





	

		

			

				
					
JS动态可控制左右滚动的图片

				
			

			

				

					10-15
				

			

		

		

			
				
JS动态可控制左右滚动的图片

<SCRIPT language=javascript type=text/javascript>
		<!--//--><![CDATA[//><!--
		var scrollPic_02 = new ScrollPic();
		scrollPic_02.scrollContId   = "ISL_Cont_1"; //内容容器ID
		scrollPic_02.arrLeftId      = "LeftArr";//左箭头ID
		scrollPic_02.arrRightId     = "RightArr"; //右箭头ID

		scrollPic_02.frameWidth     = 908;//显示框宽度
		scrollPic_02.pageWidth      = 152; //翻页宽度

		scrollPic_02.speed          = 10; //移动速度(单位毫秒，越小越快)
		scrollPic_02.space          = 10; //每次移动像素(单位px，越大越快)
		scrollPic_02.autoPlay       = false; //自动播放
		scrollPic_02.autoPlayTime   = 3; //自动播放间隔时间(秒)

		scrollPic_02.initialize(); //初始化
							
		//--><!]]>
</SCRIPT>

			
		

	





	

		

			

				
					
移动端左右滑动插件

				
			

			

				

					12-08
				

			

		

		

			
				
插件描述：移动端左右滑动插件.
参考示例：http://www.jq22.com/jquery-info5051

			
		

	





	

		

			

				
					
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常

				
			

			

				

					09-05
				

			

		

		

			
				
解析ScrollPic在ie8下只滚动一遍,然后变为空白(ie6,ie7,chrome,firefox都正常)

			
		

	





	

		

			

				
					
可以左右移动横向无缝滚动的JS图片展示代码

				
			

			

				

					weixin_33777877的博客
				

				

					08-05
					
					440
					
				

			

		

		

			
				
在酷站网站下的，具体路径忘了，稍微改了一下，让它看起来像组滑动
1)被引用的js文件ScrollPic.js

var sina={$:function(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document...

			
		

	





	

		

			

				
					
ScrollPic.js——图片左右滚动插件

				
			

			

				

					weixin_33778544的博客
				

				

					05-04
					
					126
					
				

			

		

		

			
				
自己在做项目的时候刚好遇到了图片做左右滚动的项目，发现ScrollPic.js这个插件还是很好用的，一般的浏览器都支持，也可以做成bootstrap样式；
首先需要下载ScrollPic.js这个插件；
使用方法：
<SCRIPT language=javascript type=text/javascript>	<!--//--><![CDATA[//>...

			
		

	





	

		

			

				
					
ScrollPic.js

				
			

			

				

					crisis111的专栏
				

				

					04-21
					
					1481
					
				

			

		

		

			
				
插件的下载地址：ScrollPic.js

使用方法： 

// 先加载ScrollPic.js插件后再执行以下语句window.onload = function(){    scrollPic_01 = new ScrollPic();    scrollPic_01.scrollContId   = "pic"; //图片容器ID    scrollPic_01.arrLeftId

			
		

	





	

		

			

				
					
html轮播左右键,js实现图片点击左右轮播

				
			

			

				

					weixin_35629057的博客
				

				

					05-31
					
					842
					
				

			

		

		

			
				
这个 相当于一个小框架，拿来就可以用：1. 功能：如上图显示： 点击左右两个button，可以实现图片向左右滚动，也可以设置在多少秒自己滚动。2. 首先建立一个js文件，文件名为play.js(只要和HTML中的引入相同就可以了)：var sina = {$: function(objName) {if (document.getElementById) {return eval('documen...

			
		

	



              



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

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值