61,112
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
yaotomo 2018-01-31
- 打赏
- 举报
bear63 2018-01-30
- 打赏
- 举报
顶帖。。..........
bear63 2017-12-30
- 打赏
- 举报
我主要想多图一屏 一屏在轮播。以前有一个代码，忘了是什么了。。
weixin_41160473 2017-12-29
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*{border:0px; margin:0px;padding:0px;}
html,body{width:100%;}
#qq {height: 310px;width: 500px;position: relative;background:yellow}
#div1 {position:absolute !important;bottom: 150px;width: 50px;right:50%;margin:0px;}
#div{width:50px;margin:0px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function chkIn() {
document.onmousemove=function (ev){
var oEvent=ev||event;
var oDiv=document.getElementById('div1');
oDiv.style.position="relative";
oDiv.style.right=oEvent.clientX+'px';
oDiv.style.bottom=oEvent.clientY+'px';
}
}
function chkOut() {
document.onmousemove=function (ev){
var oEvent=ev||event;
var oDiv=document.getElementById('div1');
oDiv.style.position="none";
oDiv.style.right='50%';
oDiv.style.bottom='150px';
}
}
</script>
</head>
<body>
<div id="qq" onMouseOver="chkIn()" onMouseOut="chkOut()">
<div id="div1"><img src="dm.jpg" id="div"></div>
</div>
</body>
</html>
whidy 2017-12-29
- 打赏
- 举报
结合 http://matthew.wagerfield.com/parallax/ + 任意slide插件 + css3动画
whidy 2017-12-29
- 打赏
- 举报
这是你的示例页面的源码
https://g.alicdn.com/kg/??slide/2.0.2/index-min.js,parallax/6.0.0/index-min.js
当作看不见 2017-12-29
- 打赏
- 举报
http://www.bootcss.com/p/unslider/
