想实现弹窗效果和点击文字出现对应图片两个效果 可是两个效果都出了问题 请问问题出在哪里?
解决方案 »
- jquery easyui css 问题
- Extjs如何实现这样的布局?
- 求div浮动代码 兼容IE6,IE7,火狐
- 如何相对定位DIV在一屏页面的中间?
- 折腾好多天了:想做类似 http://bt3.btchina.net 中的title效果???
- 怎么解决flash图片轮换效果中标题文字太长
- 上下滚动,连续没有间隔!
- 用DIV挡住SELECT,不让Select看到.
- javascript中怎么对select数组取值?
- 请教:dettachEvent("onclick",alert("ok1"))怎么会直接触发alert("ok1")?并且不会执行后续语句。
- JS算法题,求助
- vue组件 子组件的模板直接使用v-for无法渲染
<html>
<body>
<div>
<ul id="photolist">
<li>
<!--不要用a标签 a标签会直接跳转-->
<span data-href="https://profile.csdnimg.cn/E/4/5/1_weixin_45684364" title="三分王库里">curry</span>
</li>
<li>
<span data-href="https://profile.csdnimg.cn/A/8/A/1_cn00439805" title="黑曼巴科比">kobe</span> </li>
<li>
<span data-href="https://csdnimg.cn/cdn/content-toolbar/csdn-logo_.png?v=20190924.1" title="闪电侠韦德">wade</span> </li>
</ul>
<img id="zwf" src="image/kobe.jpg" alt="占位符">
<p id="miaoshu">KOBE真男人</p>
<span data-href="./image.html" class="tan">弹窗</span>
</div>
<script src="./1.js"></script>
</body>
</html>
1.jswindow.onload = function () {
mainPic();
prepareLinks();
}
// raws
function mainPic() {
var y = document.getElementById("photolist");
var z = y.getElementsByTagName("span");
for (var i = 0; i < z.length; i++) {
z[i].onclick = function(){
showPic(this);
}
}
}
function showPic(whichpic) {
var s = whichpic.dataset.href
var k = document.getElementById("zwf");
k.setAttribute("src", s);
var t = document.getElementById("miaoshu");
var a = whichpic.getAttribute("title");
t.childNodes[0].nodeValue = a;
}function prepareLinks() {
var links = document.getElementsByTagName("span");
for (var i = 0; i < links.length; i++) {
if (links[i].getAttribute("class") == "tan") {
links[i].onclick = function () {
tanchuang(this.getAttribute('data-href'));
return false;
}
}
}
}
function tanchuang(tanllRL) {
window.open(tanllRL, "tanc", "width=480px,height=320px")
}