永发信息网

网页设计,写了一个div,里面就一个图片,div和图片的width和height都是一样。实现了鼠标悬停图片放大的效果,但是图片向右向下拉长,现在就想让它整体居中,怎么实现?

答案:3  悬赏:60  手机版
解决时间 2021-04-26 21:55

<img src="shu_bg.jpg" href="" target="_blank"
onmouseover="this.style.width=33;this.style.height=103;" onmouseout="this.style.width=30;this.style.height=100;"><!--变大代码-->

整体居中:图片变大后对角线的焦点还是和div对角线重合

最佳答案
<!-- CSS样式 -->
<style>
div {width:30px; height:100px;}
.img_1 {width:30px; height:100px; position:absolute; margin:0px;}
.img_2 {width:34px; height:104px; position:absolute; margin-left:-2px; margin-top:-2px;}
</style>
<!-- JS样式 -->
<script language="javascript" type="text/javascript">
function img_a(){
 document.getElementById("img").className="img_2";
}
function img_b(){
 document.getElementById("img").className="img_1";
}
</script>
<!-- 页面代码样式 -->
<div >
<img src=" http://cache.soso.com/wenwen/i/wenwen_logo.gif" id="img" target="_blank" class="img_1" onMouseMove="img_a();" onMouseOut="img_b();" />
</div>
全部回答

这个DIV外面再套个DIV

假设:

你现在的这个DIV叫:DIV1

外面套个DIV叫DIV2

然后设置DIV1在DIV2里上下左右居中。

网页设计,多学习,选 对软件 巨龙效果图软件
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
怎么下QQ炫舞这么慢??
为什么我的泡泡堂账号不见了
CF的还原包 在哪里下载?
电脑中的QQ餐厅和手机中的QQ餐厅一样吗
怎样是最好的婚姻关系
怎样能看出一个女孩子对一个男孩子有意思?
问问团队贡献怎么得
留学生求美国四大通信公司比较
盘县鸿图印章制作有限公司地址有知道的么?有
博兴到济南多远,滨海到山东青岛平度高速路程
漫画《天是红河岸》23卷以后都大概讲了什么,
电脑黑屏了怎么办啊
DNF第4章已经出来了罐子怎么还不能开
c++ uint int 转换
我的QQ炫舞都10级了,为什么图标还是点不亮?
推荐资讯
我想下载个东西 2508KB是不是太大了 会不会太
刘金益这个地址在什么地方,我要处理点事
As consumers, we should be careful not to
请问怎么给QQ空间添加视屏啊
我的电脑下了炫舞之后,进去就是这样的,请问
南拳妈妈最近在忙什么
一个很难开口的问题,究竟怎么开口?
概率怎么做
寻1个问问团队!
电信手机话费查询
求做QQ炫舞自定义透明背景字
梦幻西游WZ搭配什么特技装备和宠物好
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?