先把图片的父元素的css样式,postion设置为relative,然后图片的postion设置为absolute,然后用js来改变的图片的left 和 top数值就可以改变图片的位置了。如果不设置父元素,那就将图片的postion设置为relative,也可以改变位置,JS同样。
下面是个简单的例子,你参考下
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>TEST</title>
<style type="text/css">
*{margin: 0 padding: 0}
.wrap { position: relative }
#pic { position: absolute }
</style>
</head>
<body>
<div class="wrap">
<img id="pic" src="222.jpg">
</div>
<script type="text/javascript">
var pic = document.getElementById("pic")
pic.style.left=50+"px" //这里可以更改图片左边距
pic.style.top=30+"px" //这里可以更改图片的上边距
</script>
</body>
</html> <script type="text/javascript">
var pic = document.getElementById("pic")
pic.style.left=150+"px"
pic.style.top=130+"px"
</script>
你的事件绑定有问题:
...for (var i=0 i<len i++) {
(function(num) {
li[num].onmouseover = function() {
console.log(timer)
clearInterval(timer)
}
li[num].onmouseover = function() {
timer = setInterval(myTimer, 3000)
}
}(i))
}
...
首先,每个slide都需要绑定事件, 而且这种绑定需要使用闭包,不然永远只能绑定到最后一个slide上面,...代表你写的其他代码
手机js页面实现一键定位,并且把获取的地理位置显示到文本框中代码如下:
var getLocation = function (successFunc, errorFunc) { //successFunc获取定位成功回调函数,errorFunc获取定位失败回调
//首先设置默认城市
var defCity = {
id: '000001',
name: '北京市',
date: curDateTime()//获取当前时间方法
}
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(defCity), { expires: 1, path: '/' })
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function (position) {
var lat = position.coords.latitude
var lon = position.coords.longitude
//var map = new BMap.Map("container") // 创建Map实例
var point = new BMap.Point(lon, lat)// 创建点坐标
var gc = new BMap.Geocoder()
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
}
//当前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' })
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street)
if (successFunc != undefined)
successFunc(addComp)
})
},
function (error) {
switch (error.code) {
case 1:
alert("位置服务被拒绝。")
break
case 2:
alert("暂时获取不到位置信息。")
break
case 3:
alert("获取位置信息超时。")
break
default:
alert("未知错误。")
break
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
}
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' })
if (errorFunc != undefined)
errorFunc(error)
}, { timeout: 5000, enableHighAccuracy: true })
} else {
alert("你的浏览器不支持获取地理位置信息。")
if (errorFunc != undefined)
errorFunc("你的浏览器不支持获取地理位置信息。")
}
}
var showPosition = function (position) {
var lat = position.coords.latitude
var lon = position.coords.longitude
//var map = new BMap.Map("container") // 创建Map实例
var point = new BMap.Point(lon, lat)// 创建点坐标
var gc = new BMap.Geocoder()
gc.getLocation(point, function (rs) {
var addComp = rs.addressComponents
var curCity = {
id: '',
name: addComp.province,
date: curDateTime()
}
//当前定位城市
$.cookie('VPIAO_MOBILE_CURRENTCITY', JSON.stringify(curCity), { expires: 7, path: '/' })
//alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street)
})
}
var showPositionError = function (error) {
switch (error.code) {
case 1:
alert("位置服务被拒绝。")
break
case 2:
alert("暂时获取不到位置信息。")
break
case 3:
alert("获取位置信息超时。")
break
default:
alert("未知错误。")
break
}
var curCity = {
id: '000001',
name: '北京市',
date: curDateTime()
}
//默认城市
$.cookie('VPIAO_MOBILE_DEFAULTCITY', JSON.stringify(curCity), { expires: 1, path: '/' })
}
一、PC端通过IP实现定位代码
<script type="text/javascript" src="http://fw.qq.com/ipaddress"></script>
<script type="text/javascript">
document.write(IPData[0]) //显示IP地址
document.write(IPData[2]) //显示省
document.write(IPData[3]) //显示市
</script>
二、获取客户端地址代码
<script>
var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random()
$.getJSON(url, function(data) {
alert(data.Ip)
})
</script>