新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
var div = $("div");
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都网站制作、外贸网站建设、乐至网络推广、微信小程序开发、乐至网络营销、乐至企业策划、乐至品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供乐至建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
div.css("lfet",value);
div.css("top",value)
....同理
div.width(200) // 同样也可以用上述css方式来实现。 div.css("width",value); height跟width一样。
jQuery animate() - 操作多个属性。注意,生成动画的过程中可同时使用多个属性。
jQuery animate() - 使用相对值。也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上-=。
jQuery animate() - 使用预定义的值。把属性的动画值设置为 "show"、"hide" 或 "toggle"即可。
我说一下思路吧。做放大效果的原理就是JQ获取元素并修改它的CSS。
你可以通过改变元素的width,height实现放大。也可以使用css3的transform中的2D缩放:scale()
如果是移动端或者IE9以上,推荐使用css3实现。性能效果更好。
很简单啊,先把图片用css缩小,再用js滑过的时候放大就好啦,图省事我就把js直接写在图片上了,你可以自己抽出来:
img src="1.jpg" width="50" height="50" onMouseOver="this.width='300'; this.height='300';" onMouseOut="this.width='50'; this.height='50'"
或者更简单的,直接用css控制,连js都不用写了:
style
#Img1{ width:50px; height:50px;}
#Img1:hover{ width:300px; height:300px;}
/style
img src="1.png" width="50" height="50" id="Img1"