<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=10">
<title>showPic库</title>
<style type="text/css">
#RePicture img{
width:200px;
height:200px;
}
</style>
</head>
<body>
<h2>这是一个库</h2>
<ul>
<li><a href="1jpg" onclick="showPic(this);opinnerHTML=thisinnerHTML;return false">我好可爱呢</a></li>
<li><a href="2jpg" onclick="showPic(this);opinnerHTML=thisinnerHTML;return false">民国哭的表情包</a></li>
<li><a href="3gif" onclick="showPic(this);opinnerHTML=thisinnerHTML;return false">新新超人</a></li>
<li><a href="4jpg"onclick="showPic(this);opinnerHTML=thisinnerHTML;return false">月月唱歌</a></li>
</ul>
<div id="RePicture">
<img src="1jpg">
<p id="tip">这是一张我好可爱呢的表情包</p>
</div>
<script>
function showPic(index){
var RePicture = documentgetElementById("RePicture");
var img = RePicturegetElementsByTagName("img")[0];
imgsetAttribute("src",index);
}
var op= documentgetElementById("tip");
</script>
</body>
</html>
可以参考一下
可以使用css来控制
class {cursor:url('路径'),auto;
}
cursor是支持自定义图标的
你只要定义该元素的样式，给定路径后，就可以加载。
不过要注意的是，考虑到IE的兼容性问题，最好使用ico或cur格式的文件，分辨率最好是32×32
这个用jquery就相当简单了。原生态js稍微复杂些
html代码：
<div id="img">
<img src="1jpg">
<img src="1jpg">
</di>
<br/>
<input type="text" id='in'>
css代码：
#img{display：none}
jqury代码：
$(function(){
$("#in")foucs(function(){
$("#img")show()
}) blur(funtion(){
$("#img")hide()
})
})
原生态的js我没时间写。下次给你写
我去，你写错了，你把那个点切成png（dianpng），然后如下：
$(this)children("a")css({"background:url(images/dianpng) center left no-repeat","color:#f90","padding-left:30px"});
这是jquery不是js，望采纳！
以上就是关于js 怎么实现点击修改图标图片，显示当前div中的input 其他不显示全部的内容，包括:js 怎么实现点击修改图标图片，显示当前div中的input 其他不显示、JS动态该表鼠标样式，鼠标放在图片上，鼠标指针变成放大镜形状、求一个js控制div的显示隐藏 实现某一区域 获得鼠标焦点显示上方的两个图标，鼠标移开图标隐藏。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）