焦点图

  • SuperSlide标签切换.焦点图多种组合插件

    SuperSlide标签切换.焦点图多种组合插件 2015-04-12

    SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换.焦点图切换等效果,还能多个slide组合创造更多的效果.(兼容ie内核(包括无敌的 ie6).webkit内核.ff.opera等主流浏览器). 此款插件包含在SuperSlide标签切换.焦点图多种组合插件,SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换.焦点图切换等效果,还能多个slide组合创造更多的效果.(兼容ie内核(包括无敌的 ie6).webkit内核.ff.opera等

    关键词: 焦点图, 标签切换, SuperSlide
  • jQuery实现的图片分组切换焦点图插件

    jQuery实现的图片分组切换焦点图插件 2015-02-23

    这篇文章主要介绍了jQuery实现的图片分组切换焦点图插件,效果非常棒,而且很实用,推荐给有需要的小伙伴. 这是一款基于jQuery的图片切换焦点图插件,这款jQuery焦点图插件的特点是图片可以分组切换,也就是说一次可以切换多张图片,相比其他焦点图插件,它能节省更多的空间,可以向用户展示更多的图片,非常实用. 实现的代码. html代码: <div class="device"> <h2> <a href="javascript:;"

    关键词: jquery, 焦点图
  • jQuery插件Skippr实现焦点图幻灯片特效

    jQuery插件Skippr实现焦点图幻灯片特效 2014-12-21

    Skippr 是一个超级简单的 jQuery 幻灯片插件.只是包括你的网页中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了.Skippr 能够自适应窗口宽度,而且导航是独特的条形导航. 史上效果最好的焦点图幻灯片jQuery插件Skippr,轻量级插件.响应式布局插件,强大的参数自定义 配置,可自定义切换速度.切换方式.是否显示左右箭头.是否自动播放.自动播放间隔时间等配置 参数,调用插件也非常简单易用,调用方式下面介绍下: 1.加载jQuery和

    关键词: jquery, skipper, 焦点图, 幻灯片
  • js仿土豆网带缩略图的焦点图片切换效果实现方法

    js仿土豆网带缩略图的焦点图片切换效果实现方法 2014-10-20

    这篇文章主要介绍了js仿土豆网带缩略图的焦点图片切换效果实现方法,涉及javascript操作图片特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了js仿土豆网带缩略图的焦点图片切换效果实现方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans

    关键词: 切换, 焦点图
  • Jquery焦点图实例代码

    Jquery焦点图实例代码 2014-10-07

    这篇文章主要介绍了Jquery焦点图实例代码,详细讲述了使用jQuery实现焦点图的详细步骤,代码中备有较为详尽的注释说明,便于大家理解,需要的朋友可以参考下 本文实例讲述了Jquery焦点图实例代码.分享给大家供大家参考.具体如下: 对于很多建站的朋友来讲,焦点图并不陌生,一般的企业站,门户站都会用到焦点图.我们平时在写html代码的时候,很多人为了省时省力,对于焦点图都是在网上下载一些人家写好的代码,直接套上去即可,很多时候我自己也是这样来的.因为一个焦点图有html布局,css样式调试和最

    关键词: jquery, 焦点图
  • 基于jquery的网站幻灯片切换效果焦点图代码

    基于jquery的网站幻灯片切换效果焦点图代码 2014-09-03

    一款大气的jQ网站幻灯片切换效果焦点图代码,有需要了解习的朋友可进入参考,这款jQuery网站幻灯片切换效果焦点图非常大气,要是网站首页应用此款效果,必定是蓬荜生辉啊 导入jquery代码 <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script src="js/jquery-i

    关键词: jquery, 焦点图, 幻灯片
  • 一款jquery特效编写的大度宽屏焦点图切换特效的实例代码

    一款jquery特效编写的大度宽屏焦点图切换特效的实例代码 2014-08-21

    焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片,最好的是,此特效兼容ie6以及其它浏览器. 适用浏览器:ie6.ie7.ie8.360.firefox.chrome.safari.opera.傲游.搜狗.世界之窗. 主要代码如下: <script type="text/javascript"> jquery(".slider .bd li").first().before( jquery(".slider .bd

    关键词: 焦点图, 切换特效
  • 使用jQuery仿苹果官网焦点图特效

    使用jQuery仿苹果官网焦点图特效 2014-07-17

    这篇文章主要介绍了使用jQuery仿苹果官网焦点图特效,非常的炫酷,需要的朋友可以参考下 这次我们要分享的这款jQuery焦点图非常特别,它的外观特别简单,但是又相当大气.焦点图的整体样式是仿苹果样式的,由于jQuery的运用,我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效,这款jQuery焦点图插件非常适合在产片展示的网页上使用. 接下来我们一起分享一下实现这款苹果焦点图的过程及源码. HTML代码: <div id="gallery"> <div id=

    关键词: jquery, 焦点图, 仿苹果官网
  • jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效

    jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效 2014-06-25

    这篇文章主要介绍了jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效,效果非常的棒,而且兼容性也很好,推荐给小伙伴们 支持响应式的jQuery焦点图片无缝滚动切换特效插件Elastislide,非常漂亮的图片轮播特效插件,支持左右轮播图片.上下轮播图片.自适应移动端显示,支持众多的参数配置:orientation :'horizontal'(水平切换),speed : 500(切换速度,单位毫秒),easing : 'ease-in-out'(动画效果), minItems

    关键词: jquery, 焦点图, Elastislide, 响应式
  • 焦点图(轮播)

    焦点图(轮播) 2014-06-17

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4&l

    关键词: jquery, slider, 图片滚动, 焦点图, 图片轮播, jquery图片轮播
  • 商城常用滚动的焦点图效果代码简单实用

    商城常用滚动的焦点图效果代码简单实用 2014-05-10

    此效果在网上使用的频率比较多一点但大多是插件,要么JS写的太过于复杂童鞋们看起来有一定的难度,这个相对来说比较简单一点,感兴趣的可以参考下哈 这种商城的效果网上很多,但大多是插件,要么JS写的太过于复杂,对于学习的童鞋来说看起来比较费劲,这个看起来比较简单,也比较容易理解,各位童鞋需要的请围观,也欢迎各位评价,贴代码(为方便使用,代码复制即可用,无需另外添加东西): <!doctype html> <html lang="en"> <head> &l

    关键词: 滚动, 焦点图
  • 3种不同方式的焦点图轮播特效分享

    3种不同方式的焦点图轮播特效分享 2014-05-07

    焦点图轮播的效果我们总会看见过,本文整理了3中看似还不错的焦点图轮播效果,有需要的朋友可以参考下 1.自动轮播+经过圆点滚动+鼠标停留在圆点上 时候暂停+离开圆点自动轮播: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

    关键词: 焦点图, 轮播
  • jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮

    jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮 2014-05-03

    jquery左右滚动焦点图banner图片,鼠标经过显示上下页,适合宽和高都比较大的页面使用附演示,感兴趣的朋友可以参考下 jquery左右滚动焦点图banner图片,鼠标经过显示上下页 适合宽和高都比较大的页面使用 演示 <div class="bannerbox"> <div id="focus"> <ul> <li><a href="http://www.freejs.net/" tar

    关键词: 鼠标经过, 焦点图, 左右滚动, banner图片
  • 一款双向无缝+按钮定位的焦点图实现代码

    一款双向无缝+按钮定位的焦点图实现代码 2014-04-16

    做这个焦点图弄了大个晚上,感觉挺晕的~发上来给大家踩一下吧 双向无缝的原理很简单实现起来也不难,主要头痛的是在前后无缝与按钮定位之间的配合问题,不过还好现在总算OK了. myFocus - tbhuabao 请稍候... [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 可随意更改大小的,里面的参数已经详细说明了,喜欢的就拿去吧

    关键词: 焦点图, 按钮定位
  • jquery实现焦点图片随机切换效果的方法

    jquery实现焦点图片随机切换效果的方法 2014-04-09

    这篇文章主要介绍了jquery实现焦点图片随机切换效果的方法,涉及jQuery插件jquery.easing.1.3.js的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jquery实现焦点图片随机切换效果的方法.分享给大家供大家参考.具体如下: 1. 运行效果如下图所示: 2.完整实例代码点击此处本站下载. 3.完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta c

    关键词: jquery, 切换, 随机, 焦点图
  • 基于jQuery实现的图片切换焦点图整理

    基于jQuery实现的图片切换焦点图整理 2014-03-09

    这篇文章主要介绍了基于jQuery实现的图片切换焦点图整理,需要的朋友可以参考下 1.js实现的七屏百叶窗焦点图动态特效 可以实现可以同时显示很多找竖行百叶窗效果的缩略图,代码,鼠标悬浮在一张缩略图上时,该图片就在原位置变亮并慢慢展开,同时两边的缩略图就往两边缩小靠近,需要此种焦点图效果的朋友们可以前来下载使用. 在线演示 源码下载 2.jQuery+CSS3实现的多种图片切换方式简易焦点图 今天要来分享一款简易的jQuery+CSS3焦点图应用,这款焦点图应用的图片切换方式非常丰富,而且焦点图

    关键词: jquery, 焦点图
  • javascript 封装的一个实用的焦点图切换效果

    javascript 封装的一个实用的焦点图切换效果 2014-02-27

    之前有一篇博客,实用的焦点图切换效果,结构行为相分离 解释的比较详细,脚本是分离式的,但在易用性和重用性方面并不理想,这里原作者进行了,优化. 所以在原来的基础上改了下,封装起来,并做了进一步的优化,这样同一个页面就可以使用多个这样的效果了,xhtm和css没有变化,感兴趣的朋友可以在js上面可以跟之前的代码做个对比,这样更容易理解和掌握. 有什么问题和建议请回帖 @&@ 1.xhtml <div class="jfocus"> <div id="j

    关键词: 切换, 焦点图
  • jquery picswitch图片焦点图展示效果

    jquery picswitch图片焦点图展示效果 2014-01-25

    jquery pictureswitch制作图片展示效果实现代码,对于想用jquery实现焦点图效果的朋友可以参考下. 效果如下: 这个插件的要点之处就在JQuery-1.4.2.js的发布添加的新函数data的应用,所以jquery库一定要是1.4.2的版本 另一方面就是css的编写,setInterval和setTimeout的用法,前者是每隔多长时间执行一次,后者是多长时间执行一次: 关于setTimeout的用法 有二种形式 1 setTimeout(code,interval) 中的c

    关键词: jquery, 焦点图
  • jQuery焦点图切换特效插件封装实例

    jQuery焦点图切换特效插件封装实例 2014-01-19

    这篇文章介绍了jQuery焦点图切换特效插件封装实例,有需要的朋友可以参考一下 网站焦点图是一种网站内容的展现形式,可简单理解为一张图片或多张图片展现在网页上就是网站焦点图.在网站很明显的位置,用图片组合播放的形式,类似焦点新闻的意思只不过加上了图片.一般多使用在网站首页版面或频道首页版面,因为是通过图片的形式,所以有一定的吸引性.视觉吸引性.容易引起访问者的点击,据国外的设计机构调查统计,网站焦点图的点击率明显高于纯文字,转化率高于文字标题5倍.由此看来焦点图的能让游客对企业的第一印象大大提升

    关键词: jquery, 焦点图, 特效
  • jQuery实现左右切换焦点图

    jQuery实现左右切换焦点图 2014-01-14

    这篇文章主要介绍了jQuery实现左右切换焦点图的核心代码,有需要的小伙伴可以参考下 演示图: 代码: $(document).ready(function() { greyInitRedux(); ieDropdownsNav(); ieDropdownsFilter(); itemViewer(); jsTabsetInit(); slider(); headerTabs(); carousel(); emergencyClose(); replyLinks(); adjournLinks(

    关键词: jquery, 焦点图, 左右切换
  • Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效

    Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效 2014-01-03

    这篇文章主要介绍了Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效,需要的朋友可以参考下 一个仿腾讯娱乐频道焦点图轮播的插件 ui3g.js /* 顶部大图滚动 */ var slide = (function() { var quadEaseOut; var doc = document; var $ = function(s){ return document.getElementById(s); } /** 获取索引值,工具类 @param {Element} current 当前元素

    关键词: jquery, 焦点图, 幻灯片
  • Javascript Web Slider 焦点图示例源码

    Javascript Web Slider 焦点图示例源码 2014-01-02

    Slider 焦点图会在很多的网站上见到,在本文为大家详细介绍下具体的实现过程,下面的源码大家可以运行下 HTML代码: <!DOCTYPE html> <html> <head> <title></title> <style> *{padding:0;margin:0} ul{list-style:none} .slider-focus{width:670px;height:240px;overflow:hidden;positio

    关键词: slider, 焦点图
  • myFocus 一个KindEditor的焦点图插件

    myFocus 一个KindEditor的焦点图插件 2013-12-05

    使用KindEditor(富文本编辑器)提供的接口将myFocus(焦点图库)集成在KindEditor上 下载此插件 并将其解压后的my_focus文件夹安放在KindEditor插件目录下(KindEditor所在目录/plugins/)如:H:\webprobject\yzj\kindeditor\plugins\my_focus\ 在你使用kindEditor编辑器的页面中加载 插件my_focus目录下的ke-plugins-myfocus.js文件如:<script language

    关键词: 焦点图, myFocus
  • 实用的js 焦点图切换效果 结构行为相分离

    实用的js 焦点图切换效果 结构行为相分离 2013-12-02

    行为层是由js来实现的,这里的工作只是搭建了一个简单的骨架,如果要让效果图美观些并符合设计要求,就要发挥css的强大作用了. 焦点图切换效果,对前端来说,恐怕再熟悉不过了,实现它的方法应该有多种,工作当中常用的一种,叙述如下: 如何让当前的数字导航与图片的显示同步? 这里有两个区域,图片切换区和数字导航区:分别对应着两个循环函数:plays(value)和setBg(value): 当图片循环切换到第2张时,此时数字导航的当前状态也变换到第2的位置,以此达到一种同步的效果,这里的关键就是给他们传

    关键词: 焦点图, 结构, 分离
  • 基于jquery1.4.2的仿flash超炫焦点图播放效果

    基于jquery1.4.2的仿flash超炫焦点图播放效果 2013-11-21

    有了jquery一切变的如此简单!让js做的动画更有动感. 好嘞!废话不多说!Code贴上!哪位高手有更好的方式可以多多指点! CSS Code /* * images player * author:mr·zhong * date:2010-04-19 */ #playerBox{ width:305px; height:282px; border:1px solid #ccc; } #playerImage ul{ padding:0px; margin:0px; border:0px; l

    关键词: jquery, flash, 焦点图
  • Jquery 焦点图 用于图片展示效果代码

    Jquery 焦点图 用于图片展示效果代码 2013-10-17

    今天因网站需要写了个图片展示效果,其中用到了Jquery的data函数,刚学就被我用这了,昨天看时还觉得无甚用处,因为可以人为地给一个节点加属性嘛,不过省却了几句代码而已. 效果图如下所示: 演示代码: Jquery图片展示焦点图 1 2 3 4 5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    关键词: jquery, 焦点图

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.051 (s). 10 q(s)