运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE html>
2
<head>
3
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4
<title>CSS3+jQuery实现的滚动图片菜单</title>
5
<script type="text/javascript" src="//apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
6
<style type="text/css">
7
body {
8
    padding: 50px 0 0 50px;
9
}
10
div.sc_menu {
11
    position: relative;
12
    height: 145px;
13
    width: 500px;
14
    overflow: auto;
15
}
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
CSS3+jQuery圆角框的横向图片滚动菜单代码
分类
图片代码
描述
横向图片滚动代码,也可作为图片导航来用,图片会跟着鼠标的方向相应滚动,代码不兼容IE,IE下浏览将看不到圆角或滚动的效果。
收藏