求:如图html网页效果怎么做?

发布网友发布时间：2023-04-02 20:14

共4个回答

热心网友时间：2024-11-29 02:38

嘻嘻嘻，这个东西思路就很多啦

有粗糙的和细腻的（当然腾讯的那种做的就是比较细腻的）

这里给你一个简单的思路吧

在DW里面，给这张图片上你需要显示的地方设置一个热点，

先把你要显示的家电内容的div或者是图片先做好掉，用样式隐藏style="display:none"

然后给热点设置一个鼠标移动到此热点上的事件，这里就用onmouseover吧

给你一些鼠标事件参考哦：
onmouseleave 当用户将鼠标指针移出对象边界时触发。
onmousemove 当用户将鼠标划过对象时触发。
onmouseout 当用户将鼠标指针移出对象边界时触发。
onmouseover 当用户将鼠标指针移动到对象内时触发。
onmouseup 当用户在鼠标位于对象之上时释放鼠标按钮时触发。
onmousewheel 当鼠标滚轮按钮旋转时触发。
onmove 当对象移动时触发。
onmoveend 当对象停止移动时触发。
onmovestart 当对象开始移动时触发。

用js或者jq，把隐藏模块显示出来，并规定的坐标就可以了

鼠标离开热点又隐藏模块就可以了。

其中模块的显示和隐藏可以做一些特效！

希望能帮助到你哦！

\(0^◇^0)/

热心网友时间：2024-11-29 02:38

关联鼠标动作，这个是应该用js实现的吧~

热心网友时间：2024-11-29 02:38

用jquery代码管我要

热心网友时间：2024-11-29 02:39

我怎么看不到你的图