js放大图片代码(js点击图片放大预览)
通过JS代码 documentgetElementById#39divID#39styleetElementById#39divID#39styledisplay = #39#39函数可以实现1遮罩层 ,即作为背景层,覆盖整个页面弹出层,即背景层上的一层,此层可根据#formtop 10% left 10%width 20%height 30%,调整弹出层的弹出位置。
用js脚本实现吧,可以在页面上添加一个div层,设置图片的onmouseover事件及onmouseout事件,通过脚本控制显示层,层的内容为放大后的图片参考脚本var ua = navigatoruserAgentvar ps = navigatorproductSub var dom = documentgetElementById? 10var ie4 = documentall!dom? 10var ie5 = document。
function toBig quot#图片所在元素的idquotcss“height”,“放大多少px”quot#图片所在元素的idquotcss“width”,“放大多少px”。
定义了height=quot200pxquot width=quot150quot 图片大小,鼠标移上去大小变为400,400px,鼠标移开变成200,150大小。