superslide2

【superslide2】的更多相关文章

标签切换 / 书签切换 / 默认效果 http://www.superslide2.com/demo.html 4个Web前端经典实用值得学习收藏的地图实现模板~ http://www.iteye.com/topic/1134941…

superslide2插件

地址:http://www.superslide2.com/ 做自适应要注意该宽度和高度等比缩放…

轮播图插件 SuperSlide2.1滑动门jQuery插件

http://down.admin5.com/demo/code_pop/18/562/ SuperSlide2.1滑动门jQuery插件…

小颖之前还写过一篇jquery实现标签切换的文章 jquery实现Tab选项卡菜单今天小颖逛博客园时看到了用SuperSlide 实现标签切换的文章,所以小颖就自己试了下,试了后发现SuperSlide真的很不错,只有一行js代码,哈哈哈,简单方便,下面跟着小颖学习起来! 先看看效果图吧嘻嘻目录: ············SuperSlide ··························js ····································jquery1.4…

2. web前端开发分享-css,js进阶篇

一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式.如果技术熟练自信可以自己先写,写完之后在对比,以其来找寻自己的差距.结构是网站的骨架,如果写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者来说帮助是很大的.大多数初学者由于对技术的不自信,html结构往往…

多功能前台交互效果插件superSlide

平时我们常用的"焦点图/幻灯片""Tab标签切换""图片滚动""无缝滚动"等效果要加载n个插件,又害怕代码冲突又怕不兼容现在我们只需求要一个多功能前台交互效果插件superSlide就可以搞定了现在介绍这个插件SuperSlide.2.1.1 下载地址:http://www.superslide2.com/ js.min文件 /*! * SuperSlide v2.1.1 * 轻松解决网站大部分特效展示问题 * 详尽信息请…

jquery.SuperSlide.js只需要调用一个插件就能实现网页大部分特效--推荐

很棒的一个插件,http://www.superslide2.com/…

TouchSlide1.1,手机上的幻灯片

TouchSlide 是纯javascript打造的触屏滑动特效插件 http://pan.baidu.com/s/1bpoWNin 官网:http://www.superslide2.com/TouchSlide/…

温故而知新兼容性较强的轮播器superslide.js

官网: http://www.superslide2.com/index.html demo: http://www.superslide2.com/demo.html API: http://www.superslide2.com/param.html 最新版2.1.2 增加了响应式轮播增加参数设置 vis:"auto",仅适应于:scroll:1, effect:"left或leftLoop"情况 http://www.superslide2.com/Supe…

PHP在yii2中封装SuperSlide 幻灯片编写自己的SuperSlideWidget的例子

因为近期给朋友公司做个门户网站,把荒置了6.7年的PHP又重新拾起,发现PHP这些年兴旺多了,很多新的东西看的不明不白,研究了几个框架ZendFramework.thinkphp.Symfony.yii2,也曾经考虑直接用网上现有的开源cms,要么因为商用授权太贵,要么后台太复杂,要么覆盖行业太多导致业务复杂,看了一通代码,头晕得很,最终选择yii2自己开发个轻量的cms+shop系统,慢慢的做,应该能做出后台简单.有自己特色的网站系统来!一下是我的一些开发过程和经验,因为没有考虑太多的技术和通…

css实现并列效果

<a href="#" class="mj-picList"> <div class="mj-picList-pic" style="background-image:url(http://www.superslide2.com/demo/images/pic1.jpg)"> </div> <div class="mj-picList-info"> <b…

移动h5开发资源整理

这2年来,移动h5开发逐渐成为一种主流,也不断趋向于成熟.硬件和浏览器的不断更新,曾经的浏览器兼容也不再是开发者的噩梦. 接触h5开发一年多,从最初的新手到现在,陆陆续续遇到过很多坑.这里把想到的一些经验与资源罗列出来,给刚入h5的同学带来一些帮助.该文章会持续更新. 内容比较多,可以点击下方『悬浮菜单按钮』进行选择需要阅读的章节. 基础知识新手建议看看下面的在线教程. html,css,JavaScript,jQuery在线教程: w3school在线教程:http://www.w3scho…

SuperSlidev2.1滑动门

1.引用jQuery.js 和 jquery.SuperSlide.js 因为SuperSlide是基于jQuery的插件,所以前提必须先引用jQuery,再引用SuperSlide <head> <script type="text/javascript" src="../jquery1.42.min.js"></script> <script type="text/javascript" src=&q…

github上最全的资源教程-前端涉及的所有知识体系

前面分享了前端入门资源汇总,今天分享下前端所有的知识体系. 个人站长对个人综合素质要求还是比较高的,要想打造多拉斯自媒体网站,不花点心血是很难成功的,学习前端是必不可少的一个环节, 当然你不一定要成为前端专家,但是你至少要懂前端才行,这样等网站做大之后你招人才能找到合适的人才,有一双慧眼很重要. 综合类综合类地址前端知识体系 http://www.cnblogs.com/sb19871023/p/3894452.html 前端知识结构 https://github.com/JacksonT…

手机站点动态效果插件TouchSlide

今天看到TouchSlide插件,觉得非常不错,关于使用情况请看demo,下载地址:http://www.superslide2.com/TouchSlide/downLoad.html…

jquery.SuperSlide.2.1.2--轮播（兼容到IE7 适用于整屏）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" c…

SuperSlide

今天又接触到另一个新的前端插件,心情美美哒~ SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新,官网地址:http://www.superslide2.com/index.html.话不多说,看使用方法+效果: 1.SuperSlide是基于jQuery的插件,所以前提必须先引用jQuery,再引用SuperSlide: <head> <script type="text/javascript" src="../jqu…

两排滚动js

html: <div class="mr_frbox"> <div class="showtitle"> <span>产品展示</span> <span class="show-right">News</span> </div> <div class="og_pr…

黄聪：手机移动端建站Jquery+CSS3+HTML5触屏滑动特效插件、实现触屏焦点图、图片轮展图

前言 TouchSlide 可以说是 SuperSlide 手机简化版,不同的地方在于:1.TouchSlide是纯javascript开发的,不依赖任何js库,鉴于此,TouchSlide调用方法和SuperSlide有点不同.调用方法为:TouchSlide({slideCell:"#slider",effect:"leftLoop"});(slideCell必须为id对象);同样效果,SuperSlide调用方法为:jQuery("#slider&q…

web前端开发分享-css,js进阶篇

一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手的地方可以用firebug, chrome调试工具分析网站结构样式.如果技术熟练自信可以自己先写,写完之后在对比,以其来找寻自己的差距.结构是网站的骨架,如果写的不合理,将是bug产生的重要根源,所以学习分析大型网站的布局样式对初学者来说帮助是很大的.大多数初学者由于对技术的不自信,htm…

jQuery插件实现左右无缝轮播

前段时间学习jQuery的时候,在网上找了个SuperSlide插件,做轮播图demo,感觉对于新人而言,还是挺容易上手的,代码量也少. 直接贴代码吧. 1.HTML <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="js/jquery.min.js"><…

volt问题

1./表示当前目录:/college/detail/{{ item.sid }}表示这个路径超链接,url实在不好写就不写,作为开发人员想怎么弄就怎么弄最后发布是项目主管的事 2.不需要服务器给值,直接在“不限”给个current就行, 3.data-edu:表示这个超链接自定义的属性,如果是单独的edu表示是服务器传递过来的一个变量,它可能被定义也可能没有被定义4.那个选项的Jquery的选项触发事件没有发生然后坤哥添加了一个)}:就好了 5.寻找控制器传递的变量的Ctr+f:view->6.…

WEB 前端开发插件整理

下拉框插件 1.select http://select2.github.io/ 2.双 select http://loudev.com 3.selectbox http://aui.github.io/popupjs/doc/selectbox.html 文字工具插件 1.简繁体转换 https://github.com/BYVoid/OpenCC 2.拼音 https://github.com/hotoo/pinyin 图表插件 1.Highcharts https://www.hchar…

非常优秀的swiper插件————幻灯片播放、图片轮播

http://www.idangero.us/ http://www.swiper.com.cn/ Swiper中文网 2015-10-15 SuperSlide2: (这是个PC用的滚屏插件,看着不错,还没研究.) 2016-5-4 http://superslide2.com/ superslide2 http://www.superslide2.com/param.html api API: http://www.idangero.us/swiper/api/ 官网API http:…

网站开发，推荐使用SuperSlide 插件-Tab标签切换，图片滚动，无缝滚动，焦点图

SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新.网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!还可以多个SuperSlide组合创造更多效果哦~(兼容包括ie6的绝大部分浏览器)[当年的你是否这样?] SuperSlide 官网:http://www.superslide2.com/ind…

学习笔记： js插件 —— SuperSlide 2 （轮播图插件，PC用）

SuperSlide 2 轮播图插件,较老.但还好用. 适用于PC,是绑定到jquery上的方法: $.slide(); 如果在实际中找不到.slide方法,请检查jquery等.js文件的引入次序.(另外切忌不要引入两次jquery.js,会把$的方法洗掉而导致失效的) http://www.superslide2.com/ 官网 http://www.superslide2.com/SuperSlide.2.1.2/jquery.SuperSlide.2.1.2.js jquery.Sup…

TouchSlide 插件使用介绍

TouchSlide(PC端插件http://www.superslide2.com/demo.html#effect1) 可用于javascript触屏滑动特效插件,移动端滑动特效,触屏焦点图,触屏Tab切换,触屏多图切换等方法引用(本次用轮播图为例): Js引入: <script src="js/TouchSlide.1.1.js"></script> CSS样式: ;; list-style: none; vertical-align: middle;…

TouchSlide触屏滑动特效插件的使用

官方连接:http://www.superslide2.com/TouchSlide/ TouchSlide 是纯javascript打造的触屏滑动特效插件,面向手机.平板电脑等移动终端, 能实现触屏焦点图.触屏Tab切换.触屏多图切换等常用效果.插件开源.体积小.简单实用.功能强大,是你架构移动终端网站的重要选择!ps:如果你SuperSlide的使用者,那么你会发现它是那么熟悉和易用.v1.1 宽度自适应(修复安卓横屏时滑动范围不变的bug) 演示案例:http://www.supersli…

前端技术-js插件

学习良好的规范,培养良好的书写习惯,苦练基本功才能快速成长. http://www.cnblogs.com/cssbbs/category/758479.html 常用插件插件名使用范围说明官网实例 superslide.js PC端轮换图.滚动图.无缝滚动.上下滚动.选项卡.多行滚动官网:http://www.superslide2.com 百度地图通用调用地图 http://api.map.baidu.com/lbsapi/creatmap/ 分享按钮通用插入代码即可使用…

SuperSlide——再次接触

原来自己很早之前就接触过SuperSlider这个神奇的插件,原谅自己又得了“健忘症”,因此昨天就把自己“坑”了一把: 前言: 交易一期的项目即将上线,在解决测试同事们提出的bug的时候,无意间看到页面有一个神奇的现象: 看着这左右不停变换的图片,心里是不是有点高兴:这样的效果还真不错!可是头疼的却在后面…… 当企业资质下只有一张图片时,它就变成了两张一模一样的图片,而且还是静态的,并不会自由轮播.究其原因:是负责这个页面的同事在选择轮播插件的时候,选择了一个bug多的插件.而恰好我又有“强迫症…