jQSlickWrap文字环绕图像技术

来源:互联网 发布:比较复杂的sql语句 编辑:程序博客网 时间:2024/06/11 05:43
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


效果图:




原创粉丝点击