62,046
社区成员
发帖
与我相关
我的任务
分享关于做数字报版本的热区特效
如图，我在做一个数字报的页面，想实现如上图的特效，即鼠标放在不同的热区上，热区会显示红色边框并显示提示信息，点击打开不同的链接。请大侠指点。提供个码。谢谢！
...全文
请发表友善的回复…
发表回复
hxjie1225 2012-07-12
- 打赏
- 举报
谢谢。我试试。！
lizhengdao1314 2012-07-06
- 打赏
- 举报
用Jquery大致可以这样写,首先每一个热区定义一相同的class名如.hotArea,每个热区定义一个title类;再定义一个隐藏的DIV层，假设隐藏的DIV的ID为TitlePanel，设好相关背景、边框、字体的css样式。
css 代码
#TitlePanel{display:none;position:absolute;}
js代码
$(".hotArea").hover(function(){
var title=$(this).children(".title").html();
$("#TitlePanel").show().css({top:xxxpx,left:xxxpx,filter:0.5}).html(title);
},function(){
$("#TitlePanel").hide();
})
大致的代码就是这些。
css 代码
#TitlePanel{display:none;position:absolute;}
js代码
$(".hotArea").hover(function(){
var title=$(this).children(".title").html();
$("#TitlePanel").show().css({top:xxxpx,left:xxxpx,filter:0.5}).html(title);
},function(){
$("#TitlePanel").hide();
})
大致的代码就是这些。
hxjie1225 2012-07-06
- 打赏
- 举报
求关注！求代码！
huangwenquan123 2012-07-05
- 打赏
- 举报
onmouseover 在取鼠标坐标 根据鼠标定位那个灰色的层。
hxjie1225 2012-07-05
- 打赏
- 举报
能否留个QQ。或留个代码。谢谢！我是个菜菜。
