| 标题 | 页面背景图片的拉伸实现代码 |
| 范文 | 代码如下: <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> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。