| 标题 | 页面背景图片的拉伸实现代码 |
| 内容 | 代码如下: <span><strong><span>1.用js插入一张图片并控制图片宽高</span></strong></span> 代码如下: <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function(){ $(".bd").append("<div id='mainbg'/>"); $("#mainbg").append("<img id='im' src='a82a2e72e7af59296db0d63e3d2ecc5e!n1200.jpg' />"); recover(); $(window).resize(function(e) { recover(); }); }); function recover(){ var winw = $(window).width(); var winh = $(window).height(); $("#im").attr({width:winw, height:winh}); } </script> 利用CSS按比例缩放背景图片 代码如下: <style type="text/css"> .bd{ background-image:url(a82a2e72e7af59296db0d63e3d2ecc5e!n1200.jpg); background-repeat:no-repeat; background-size:cover; } </style> <body> </body> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。