作者WaiTingKuo (:!)
看板Web_Design
标题Re: [问题] dreamweaver制作网页愈到困难 求指导
时间Sat Nov 9 21:42:15 2013
※ 引述《Nalo (哪楼)》之铭言:
: 想请教各位大大
: 我是个dreamweaver cs6初学者 但也借了书也跟着里面范例完整做了一遍
: 在自己做网页的时候 遇到了瓶颈 如下
: 我网页会放许多图片
: 如果一张大图 我游标移到图片里的某个特定区块
: 可以多个小图示取代游标 小图示功能是我用来解释那区块的内容
: 在同一张图上 一但移超出这区块 又恢复成一般游标 小图示又不见了
: 游标在大图片上面 不会有点击或其他动作
: 滑过或停留在特定区块上方就有上面的功能
: 在执行网页都在同一个页面上 不会额外开启新页什麽的
: 我怕自己不太会描述 随便google乡村一张图 举个例 http://ppt.cc/h0Fq
: 在网页上游标移到图片里的左边和右边房屋 会跑出小图示取代游标
: 一但滑鼠移开房子这区块 又恢复成一般游标
: (小图示会做成对话框 譬如http://ppt.cc/eHU3 里面自己加注解介绍房子 )
: 想请问以上这功能要怎做啊
: 可以的话希望有大大 能详细指导我一下或指点我个方向 万分感谢
Hi 小弟是css新手,这方法不一定是正确的,参考看看罗
你的图挂了,我换了一张图,右边的房子移过去的话图会跑出来
http://jsfiddle.net/XwZ22/
小图示的parent {
position: relative;
}
小图示 {
position: absolute;
top: 自己移位置;
bottom: 自己移位置;
opacity: 0;
}
小图示:hover {
opacity: 1;
}
ie8以前的可能要hack一下
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.136.79.107