• “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 欢迎访问

    云南快乐十分走势图:云南鼎浩信息技术有限公司官方网站,云南网站建设诚信品牌!

    DING HAO COLUMN 鼎浩专栏

    鼎浩的一些分享
    Sharing from Ding Hao

    jFlow:jQuery内容滑动特效插件的应用

    来源:云南11选五走势图500期     2013年07月02日17:02
    字号:T|T

    云南11选五走势图500期 www.a-mcl.com jFlow是一款非常好的内容滑动(也有人称幻灯片)jquery插件,它主要用在网站的首页突出位置用来展示网站的最新动态、最新活动或最新产品等。

    jFlow特点:

    平滑过渡缓冲滑动;

    可定制的是否自动滑动;

    轻量级脚本,大小不到4KB;

    滑动内容可定制,可以是大幅图片,也可以是文本或者图文混排。

    应用实例:

    关于jFlow的应用,网上很多文章只是援引了官方的例子,其实仔细研究,你会发现能实现很多漂亮的界面效果。

    1、TAB滑动切换内容

    2、数字导航滑动自动切换

    3、方向按钮导航滑动切换

    查看演示DEMO 下载源码

    使用方法:

    1、在HTML页面的head标签之间加入以下代码:

    
    

    2、在body中加入以下代码:

    photo1
    photo2
    photo3
    < 1 2 3 >

    注意:ID为“myController”的DIV是主控制层,里面包含分页数字和导航箭头,ID为“slides”里面包含了滑动内容,可以是图片、文字等任何HTML元素的内容,值得注意的是class为“jFlowControl”里的span的个数要与class为“slide_wrap”的DIV个数要一致,如果你不想显示导航数字或按钮,你可以在CSS样式里设置。

    3、CSS代码:

    #myController{height:32px; line-height:32px; padding-right:20px; 
    background:#333; font-weight:bold; font-size:14px; text-align:right; 
    white-space:nowrap; z-index:1001; position:relative; margin-top:-32px; 
    filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
    #myController span{ padding:0 4px; text-align:center; cursor:pointer; 
    color:#fff}
    #myController span.jFlowSelected {background:#d3d3d3; color:#333}
    客服中心
    点击进行在线咨询

    QQ咨询 咨询QQ:79929313 咨询QQ:88139574 咨询QQ:122790803

    咨询热线:0871-63399840

    客服热线:0871-63523332

    客服中心 客服中心
  • “草原英雄小姐妹”走进山城 2019-07-01
  • 高清:里约奥运会奖牌曝光 大部分由再生材料制成 2019-06-27
  • 在楼主大谈共产主义分配的时候,希望楼主先说明一下对马克思关于共产主义基本原则的理解。一个社会如果仍然存在“按劳动分配”,怎么会是“每一个个人的全面而自由的发展” 2019-06-25
  • 河北法院:打造互联网+诉非衔接的人民法庭工作新机制 2019-06-25
  • 芯片是汽车产业发展的基石  专家呼吁建立"汽车芯片智库" 2019-06-13
  • “高深文学创作回顾研讨会”在北京举行 2019-06-13
  • 江苏专项督查基础教育问题 择校热、大班额成重点 2019-06-08
  • 14599元!索尼A7M3发布:续航翻番、支持4K视频 2019-06-08
  • 首页 春城壹网 七彩云南 一网天下 2019-05-22
  • QFII政策调整引增量资金入场 “成长+大消费”或成布局重点 2019-05-22
  • 密印“农禅”:何以在蛮荒之地举起文明火把(图) 2019-05-18
  • 20180531 袁隆平:海水稻打破纪录,杂交稻走向全球 2019-05-17
  • 晋城:八项重点打好水污染防治攻坚战 2019-05-15
  • 法国装置艺术家将一部老旧房车改造成移动游泳池 2019-05-13
  • 习近平致信祝贺人民日报创刊70周年 2019-05-10
  • 上期大乐透中奖号码是多少 天津十一选五投注技巧 035期平特一尾王 北京十一选五中奖号码的真实规律 体彩任选9场胜负预测 中国足彩网怎么了 广西十一选五技巧 六和彩曾道人高手 山东11选5 一码中特书籍哪里卖 香港赛马会图片 福彩快3电视走势图软件 浙江20选5风采网 浙江体彩排列三走势图 20197星彩开奖视频