在DW里面编辑网页代码 怎么实现添加热点的时候 生成以后 把鼠标移动到图片上 有一种选中的效 DW制作网页,下面代码如何修改才能使鼠标放在滚动图片上时就停...

\u5728\u7528DW\u8bbe\u8ba1\u7f51\u9875\u65f6\uff0c\u5982\u4f55\u8bbe\u8ba1\u5f53\u9f20\u6807\u7ecf\u8fc7\u67d0\u4e2a\u56fe\u50cf\u70ed\u70b9\u65f6\uff0c\u663e\u793a\u51fa\u65b0\u7684\u56fe\u7247\u3002

\u7528JS\u6bd4\u8f83\u7b80\u5355\u3002

\u9996\u5148\u8981\u628a\u9700\u8981\u7684\u56fe\u7247\u90fd\u4e8b\u5148\u653e\u5728\u7f51\u9875\u4e0a\uff08\u4e00\u822c\u653e\u5728\u4e00\u4e2adiv\u91cc\uff09\u3002
\u7136\u540e\u7528css\u9690\u85cf\u7b2c\u4e00\u4e2a\u4ee5\u5916\u7684\u56fe\u7247\uff0c\u7136\u540e\u7ed9\u7b2c\u4e00\u5f20\u56fe\u7247\u8bbe\u7f6e\u4e00\u4e2a\u9f20\u6807\u79fb\u5165\u4e8b\u4ef6\uff0c\u5f53\u9f20\u6807\u79fb\u52a8\u5230\u56fe\u7247\u4e0a\u7684\u65f6\u5019\uff0c\u7b2c\u4e00\u5f20\u56fe\u7247\u9690\u85cf\uff0c\u7b2c\u4e8c\u5f20\u56fe\u7247\u663e\u793a\u3002

\u8fd9\u6837\u56fe\u7247\u5c31\u6539\u53d8\u4e86\u3002\u53e6\u5916\u8fd8\u53ef\u4ee5\u52a0\u5165\u4e00\u4e2a\u9f20\u6807\u79fb\u51fa\u4e8b\u4ef6\uff0c\u8ba9\u9f20\u6807\u79fb\u51fa\u540e2\u4e2a\u56fe\u7247\u7684\u6837\u5f0f\u6062\u590d\u6700\u5f00\u59cb\u7684\u6837\u5b50\u3002

\u5728\u6807\u7b7e\u91cc\u6dfb\u52a0onMouseOver="this.stop()" onMouseOut="this.start()"\u5373\u53ef\u3002
onmouseover="this.stop()\u6307\u7684\u662f\u5f53\u4f60\u7684\u9f20\u6807\u79fb\u5230\u4f60\u5b9a\u4e49\u597d\u7684\u5bf9\u8c61\u65f6.\u8be5\u5bf9\u8c61\u4f1a\u505c\u6b62\u5f53\u524d\u7684\u52a8\u4f5c\u3002
onmouseout="this.start()\u6307\u7684\u662f\u5f53\u4f60\u7684\u9f20\u6807\u79fb\u5f00\u4f60\u5b9a\u4e49\u597d\u7684\u5bf9\u8c61\u65f6,\u8be5\u5bf9\u8c61\u4f1a\u91cd\u65b0\u521a\u624d\u7684\u52a8\u4f5c\u3002
\u4ee3\u7801\u5982\u4e0b\uff0c\u53ef\u4ee5\u5b9e\u73b0\u4f60\u8bf4\u7684\u5f53\u9f20\u6807\u623f\u5b50\u56fe\u7247\u4e0a\u505c\u6b62\u6eda\u52a8\u7684\u6548\u679c\u3002

其实楼主大可以不用添加透明形式的东西。
如果楼主是使用img标签只要在CSS选择的时候在class选择的后面加上事件选择器":hover"
并为该样式添加"border:1px solid #000;"即可
那么伴随着border的厚度,可能会使该模型位置产生偏移
只需再添加"margin:-1 0 0 -1;"即可。

希望得到楼主的选中,如有其他问题可回复我,我会为你解答

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网