bxSlider

最新推荐文章于 2022-05-26 16:09:36 发布

ke0971

最新推荐文章于 2022-05-26 16:09:36 发布

阅读量1.9k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/ke0971/article/details/78588941

版权

HTML 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!--轮播图https://bxslider.com/-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>bxslider</title>
    <link rel='StyleSheet' href='/js/jquery.bxslider.css' type='text/css' /> <script type="text/javascript" src="/js/jquery-1.6.min.js"></script> <script type='text/javascript' src='/js/jquery.bxslider.js'></script> <style type="text/css"> /*单独加样式--带上最父级选择器*/ .wrap .bx-wrapper .bx-controls-direction a { top: 55%; }
 /*bxslider通用去边框间距样式*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0; background: #fff; } .bx-wrapper .bx-prev { left: 10px; background: url(http://image.energy.ckcest.cn/webimg/zxh/index/controls.png)
 no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(http://image.energy.ckcest.cn/webimg/zxh/index/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 30px; } </style></head><body> <div
 class="wrap"> <div class="slider1"> <div class="slider"><b>0000000</b></div> <div class="slider">1111111</div> </div> </div> <script type='text/javascript'> (function () { $('.slider1').bxSlider({ slideWidth: 1183, auto: true, autoHover: true }); $('.slider1').hover(function
 () { $(this).find('.bx-controls-direction').show(); }, function () { $(this).find('.bx-controls-direction').hide(); }); })();</script></body></html>







 
 
  
  
    <link rel='StyleSheet' href='/js/jquery.bxslider.css' type='text/css' />

ke0971

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
bxSlider

轮播图 https://bxslider.com/ /*bxslider通用样式*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc
复制链接

扫一扫