如何实现鼠标经过某个容器里所有元素的放大呢

如何实现鼠标经过某个容器里所有元素的放大呢,第1张

停止运动(运动可以用时间轴动画完成),每个上的按钮元件透明度由0加到100。onpress的时候,的width(宽),height(高)参数加大,就放大了。此时再加一个动作,当press,大小回复到原大,就缩小了。这些动作的实现必须使用脚本。

给加一个onMouseOver和onMouseOut事件就可以做到。 例: <script language=javascript> function ShowDiv(pic) { divPicinnerHTML="<img src="+pic+">"; divPicstyledisplay="block"; //还可以让div跟着所在的当前窗体位置居中,代码略。 } function HideDiv() { divPicstyledisplay="none"; } </script> <div id="divPic"></div> <img src="1jpg" width="150" height="120" onMouseOver="ShowDiv('1jpg')" onMouseOut="HideDiv()"> 这样就可以了。

你试试把你的每个都放在一个DIV里面,DIV的大小固定。
再改变的大小时,其它应该就不会动了。
这应该可以解决一部分问题,但是如果要实现:
哪个放大就让哪个覆盖其它的,那还得改动position样式和z-index样式。
思路大概是这样了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13397772.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-28
下一篇 2023-07-28

发表评论

登录后才能评论

评论列表(0条)

保存