jQSlickWrap文字环绕图像技术

jQuery学习网站: http://www.jq-school.com/

deckJs演讲稿 http://marujun.github.com/deckJs/slickwrape/slickwrape.html
主页面代码:
<html>
<head>
   <title>EGG</title>
   <meta charset="UTF-8">
   <link  href="jquery/index.css"type="text/css"rel="stylesheet">
   <script type="text/javascript"src="jquery/jquery-1.7.2.js"></script>
   <script src="jquery/jquery.slickwrap.js"type="text/javascript"></script><!-- 图像处理Js文件 -->
   <style type="text/css">
       .wrapReady{
         float:left;/*控制图像悬浮在文字左侧(右侧right)*/
          padding:25px;/*控制图像顶端文字*/
       }
   </style>
   <script type="text/javascript"charset="UTF-8">
      $(document).ready(function(){
          $('.wrapReady').slickWrap();
       });
   </script>
</head>
<body>
<table align ="center"width="80%" >
   <tr>
       <td align="center">
<h1 align="center">行为驱动开发</h1>
<div><!--要排版的图像和文字-->
<img src="zolotoe_yajco_gold_eggs.png" class="wrapReady"/>
<p>......若干文字</p>
<p>.......若干文字</p>
</div>
</td>
</tr>
</table>
</body>
</html>
相关技术链接: jQSlickWrap      jquery.slickwrap.js    jquery-1.7.2.js


效果图:
jQSlickWrap文字环绕图像技术_第1张图片



你可能感兴趣的:(jQSlickWrap文字环绕图像技术)