问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

求一段鼠标滑过或者点击一张图片,然后在它旁边就会弹出一个框的...

发布网友 发布时间:2024-11-02 10:42

我来回答

4个回答

热心网友 时间:2024-11-02 10:40

完整的例子。其于JQ做的。复制代码打开。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<title>测试</title>
<meta name="author" content="Await" />
<meta name="keywords" content="XY" />
<meta name="description" content="" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
*{margin: 0; padding: 0;}
.wrap{width:1000px; margin: 0 auto; padding: 20px 0px;}
.imgBox {position: relative; width: 500px; height: 200px;}
.detail {position: absolute; right: 0; bottom: 0; border: 1px solid #ccc;}
.hide{display: none;}
</style>
</head>
<body id="page">
<div class="wrap">
<div class="imgBox">
<img src="http://img.epinv.com/upimg/epinv/a13825ae62b8_AE28/PSjiqiao.png">
<p></p>
<div class="hide detail">
<img src="http://app.qlogo.cn/mbloghead/0307a200097aedaf1326/50">
</div>
</div>
</div>

<div class="js">
<script type="text/javascript">
jQuery(function($){
$(".imgBox").mouseenter(function(){
$(this).find(".detail").show();
}).mouseleave(function(){
$(this).find(".detail").hide();
})
});
</script>
</div>
</body>
</html>

热心网友 时间:2024-11-02 10:47

用jquery的话不难
<div id="div1">
<div style="display: none; position: absolute;">

你要显示什么?

</div>

<div>

<img src="" />

</div>

</div>
<script>
$('div1').hover(function(){
var box=$(this).children(':first');
box.css('margin-left': box.next().width()).show();

}, function(){$(this).children(':first').hide();});
</script>

热心网友 时间:2024-11-02 10:47

jquery有个组件叫 zoom. 你要的就是它.不用自己写了.下载下来,照着demo改下就能用了..成熟.基本没BUG.自己写还得考虑浏览器兼容..

热心网友 时间:2024-11-02 10:48

嗯 我明白你说得,就是点击图片或者文字 弹出来一个新的层是吧?
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
苹果电脑电池充不进电苹果电脑充不进去电是怎么回事 苹果电脑不充电没反应苹果电脑充电指示灯不亮充不了电怎么办 狗狗更加忠诚护家、善解人意,养一只宠物陪伴自己,泰迪能长多大... 描写泰迪狗的外形和特点的句子 国外留学有用吗 花钱出国留学有用吗 !这叫什么号 百万医疗赔付后是否可以续保 前一年理赔过医疗险还能续保吗? 医疗住院险理赔后还能购买吗? ...这样一个效果,当鼠标移动到特定的文字上弹出一个div,当鼠标移出这个... 在网页中把鼠标放到页面上方(地址栏下面)就自动弹出一个横幅的小... 我国的北斗那么厉害,为什么我们的车载导航还用的美国的GPS NO$GBA2.6a 转画面 No$GBA 2.6A 怎样翻转屏幕? cpe卡是什么意思 早期乳腺癌治疗原则 乳腺癌放射治疗原则 空调调到二十二度风量三档 warframe悟空mod介绍_warframe悟空mod是什么 warframe导引技能是什么 自然界中哪些硅酸盐矿物占据地壳质量的95%? 包米芯八万四千斤稻糠一万斤麦夫七千二百斤,白灰用多少为好,做平菇用... 平菇培养料,包米芯稻糠麸子豆粕其中包米芯36吨其它应该放多少_百度知 ... 做平菇培养料包米芯36吨稻糠,麸子豆粨各放多少适合,请高手指点_百度知 ... 我老公从来不会主动联系我,这是为什么? 老公两个月不联系我,什么情况? 老公为什么不主动和我联系了? 五菱之光刹车分泵在路上行驶一段时间后发热是怎么回事, 刹车盘开了几分钟就烫 C# 鼠标移动到BUTTON上方时,就会弹出一个对话框 黄龙玉貔貅孔磕绳怎么办 黄龙玉貔貅,今天晚上准备睡觉,在手里玩了一下,不小心摔了一下,把嘴掉... 灰色西裤搭配什么上衣好看? 如何选择袖扣?如何搭配? 经期水肿怎么消除 经期脸部水肿怎么消除 经期喝什么去水肿 月经期喝什么去水肿 经期前水肿怎么消除 来例假身体肿怎么消除 玉米苗后除草剂对下茬有影响吗 玉米苗后除草剂的使用注意事项有哪些 荣耀9怎么录屏 座椅加热怎么用 座椅加热费油吗? 福特风尚版翼虎座椅改装加热好吗? 何广平代表性论文和论著 怎么我的小米3电池只可以用三个多小时。 ...小时,推掉所有后台,和网络, 也只能待机五六个小时,关机啦也照样费... 想问一下谁家的数控等离子火焰切割机比较好用吗? 想知道: 遵义市 从遵义忠庄客运站到遵义十六中怎么坐公交