博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现左右点击图片层叠滚动特效
阅读量:4589 次
发布时间:2019-06-09

本文共 2579 字,大约阅读时间需要 8 分钟。

需要加载js有

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/jquery.corner.js"></script>
<script type="text/javascript" src="js/jquery.roundabout.js"></script>
<script type="text/javascript" src="js/jquery.roundabout-shapes.js"></script>

jquery.corner.js
jquery.roundabout.js
jquery.roundabout-shapes

  

#gla{
margin:0 auto;position:relative;background:url(../img/gla_bac.png);height:409px;overflow:hidden;}#gla_box{
width:700px;margin:auto;position:relative;}#gla_box .prev,#gla_box .next{
display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:47px;top:171px;}#gla_box .prev{
background:url(../img/btn.png) left bottom no-repeat;left:300px;top:350px;}#gla_box .next{
background:url(../img/btn.png) right bottom no-repeat;right:300px;top:350px;}.gla_inbox{
overflow:hidden;position:relative;}.gla_inbox p{
text-indent:1em;font-size:14px;width:100%;color:#FFFFFF;line-height:30px;background:#000000;}.gla_inbox a{
padding:5px;display:block;position:absolute;top:220px;left:90px;background:#0066CC;color:#FFF;}.gla_inbox img{
width:100%;height:100%;}

 

 
 

 

转载于:https://www.cnblogs.com/baixuemin/p/4956667.html

你可能感兴趣的文章
SQlServer2008 之 定时执行sql语句作业的制定
查看>>
函数式编程
查看>>
由浅入深之Jquery笔记(1)
查看>>
IE、FF、Chrome浏览器中的JS差异介绍
查看>>
IO模式和IO多路复用
查看>>
Redis常用命令
查看>>
vim 撤销 恢复 快捷键
查看>>
python导入import requests报错
查看>>
Hexo博客搭建
查看>>
内部类详解(很详细)
查看>>
dubbox系列【三】——简单的dubbox提供者+消费者示例
查看>>
常见sql 写法总结
查看>>
Windows xp搭建Windows Phone 7开发环境
查看>>
[bzoj] 1597 土地购买 || 斜率优化dp
查看>>
Lodop的JS模版代码、文档式模版 生成加载赋值博文索引
查看>>
Python安装和开发环境搭建
查看>>
[USACO4.2] 草地排水 Drainage Ditches (最大流)
查看>>
dotnetcore+vue+elementUI 前后端分离 三(前端篇)
查看>>
gdb输入输出重定向
查看>>
包含.h就可以用其对应的函数
查看>>