javascript之jQuery 打造个性网站

最新推荐文章于 2019-02-18 22:31:50 发布
最新推荐文章于 2019-02-18 22:31:50 发布
阅读量799 收藏 2
点赞数
分类专栏： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/raosheng1993/article/details/45421653
版权


文件结构

网页结构

头部:放LOGO,通往各个页面的链接

内容:放置页面的主体内容

底部:放置页面其他链接和版权信息

[html] view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>Jane shopping</title>  
  6. <link rel="stylesheet" href="styles/reset.css" type="text/css" />  
  7. <link rel="stylesheet" href="styles/main.css" type="text/css" />  
  8. <link rel="stylesheet" href="styles/skin/skin_0.css" type="text/css" id="cssfile" />  
  9. <script src="../scripts/jquery.js" type="text/javascript"></script>  
  10. <script src="scripts/jquery.cookie.js" type="text/javascript"></script>  
  11. <!-- 搜索文本框效果 -->  
  12. <script src="scripts/input.js" type="text/javascript"></script>  
  13. <!-- 修改皮肤样式 -->  
  14. <script src="scripts/changeSkin.js" type="text/javascript"></script>  
  15. <!-- 导航效果 -->  
  16. <script src="scripts/nav.js" type="text/javascript"></script>  
  17. <!-- 添加hot显示 -->  
  18. <script src="scripts/addhot.js" type="text/javascript"></script>  
  19. <!-- 首页大屏广告效果 -->  
  20. <script src="scripts/ad.js" type="text/javascript"></script>  
  21. <!-- 超链接文字提示 -->  
  22. <script src="scripts/tooltip.js" type="text/javascript"></script>  
  23. <!-- 品牌活动模块横向滚动 -->  
  24. <script src="scripts/imgSlide.js" type="text/javascript"></script>  
  25. <!-- 滑过图片出现放大镜效果 -->  
  26. <script src="scripts/imgHover.js" type="text/javascript"></script>  
  27. </head>  
  28. <body>  
  29. <!--头部开始-->  
  30. <div id="header">  
  31.     <div class="contWidth">  
  32.         <a class="logo" href="#nogo"><img src="images/logo.gif" alt="JaneShop"/></a>  
  33.         <div class="search">  
  34.             <input type="text" id="inputSearch" class="" value="请输入商品名称" />  
  35.         </div>  
  36.         <ul id="skin">  
  37.             <li id="skin_0" title="蓝色" class="selected">蓝色</li>  
  38.             <li id="skin_1" title="紫色">紫色</li>  
  39.             <li id="skin_2" title="红色">红色</li>  
  40.             <li id="skin_3" title="天蓝色">天蓝色</li>  
  41.             <li id="skin_4" title="橙色">橙色</li>  
  42.             <li id="skin_5" title="淡绿色">淡绿色</li>  
  43.         </ul>  
  44.         <!-- 导航 start -->  
  45.         <div id="nav" class="mainNav">  
  46.             <ul class="nav">  
  47.                  <li><a href="#">首 页</a></li>  
  48.                  <li><a href="#">品 牌</a>  
  49.                     <div class="jnNav">  
  50.                         <div class="subitem">  
  51.                             <dl class="fore">  
  52.                                 <dt>  
  53.                                     <a href="#nogo">品牌：</a>  
  54.                                 </dt>  
  55.                                 <dd>  
  56.                                     <em ><a href="#nogo">耐克</a></em>  
  57.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  58.                                     <em ><a href="#nogo">达芙妮</a></em>  
  59.                                     <em ><a href="#nogo">李宁</a></em>  
  60.                                     <em ><a href="#nogo">安踏</a></em>  
  61.                                     <em ><a href="#nogo">奥康</a></em>  
  62.                                     <em ><a href="#nogo">骆驼</a></em>  
  63.                                     <em ><a href="#nogo">特步</a></em>  
  64.                                     <em ><a href="#nogo">耐克</a></em>  
  65.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  66.                                     <em ><a href="#nogo">达芙妮</a></em>  
  67.                                     <em ><a href="#nogo">李宁</a></em>  
  68.                                     <em class="noborder"><a href="#nogo">特步</a></em>  
  69.                                 </dd>  
  70.                             </dl>  
  71.                             <dl>  
  72.                                 <dt>  
  73.                                     <a href="#nogo">品牌：</a>  
  74.                                 </dt>  
  75.                                 <dd>  
  76.                                     <em ><a href="#nogo">耐克</a></em>  
  77.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  78.                                     <em ><a href="#nogo">达芙妮</a></em>  
  79.                                     <em ><a href="#nogo">李宁</a></em>  
  80.                                     <em ><a href="#nogo">安踏</a></em>  
  81.                                     <em ><a href="#nogo">奥康</a></em>  
  82.                                     <em ><a href="#nogo">骆驼</a></em>  
  83.                                     <em ><a href="#nogo">特步</a></em>  
  84.                                     <em ><a href="#nogo">耐克</a></em>  
  85.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  86.                                     <em ><a href="#nogo">达芙妮</a></em>  
  87.                                     <em ><a href="#nogo">李宁</a></em>  
  88.                                     <em class="noborder"><a href="#nogo">特步</a></em>  
  89.                                 </dd>  
  90.                             </dl>  
  91.                         </div>  
  92.                     </div>  
  93.                 </li>  
  94.                 <li><a href="#">女 装</a>  
  95.                     <div class="jnNav">  
  96.                         <div class="subitem">  
  97.                             <dl class="fore">  
  98.                                 <dt>  
  99.                                     <a href="#nogo">女 装：</a>  
  100.                                 </dt>  
  101.                                 <dd>  
  102.                                     <em ><a href="#nogo">耐克</a></em>  
  103.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  104.                                     <em ><a href="#nogo">达芙妮</a></em>  
  105.                                     <em ><a href="#nogo">李宁</a></em>  
  106.                                     <em ><a href="#nogo">安踏</a></em>  
  107.                                     <em ><a href="#nogo">奥康</a></em>  
  108.                                     <em ><a href="#nogo">骆驼</a></em>  
  109.                                     <em ><a href="#nogo">特步</a></em>  
  110.                                     <em ><a href="#nogo">耐克</a></em>  
  111.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  112.                                     <em ><a href="#nogo">达芙妮</a></em>  
  113.                                     <em ><a href="#nogo">李宁</a></em>  
  114.                                     <em class="noborder"><a href="#nogo">特步</a></em>  
  115.                                 </dd>  
  116.                             </dl>  
  117.                             <dl>  
  118.                                 <dt>  
  119.                                     <a href="#nogo">女 装：</a>  
  120.                                 </dt>  
  121.                                 <dd>  
  122.                                     <em ><a href="#nogo">耐克</a></em>  
  123.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  124.                                     <em ><a href="#nogo">达芙妮</a></em>  
  125.                                     <em ><a href="#nogo">李宁</a></em>  
  126.                                     <em ><a href="#nogo">安踏</a></em>  
  127.                                     <em ><a href="#nogo">奥康</a></em>  
  128.                                     <em ><a href="#nogo">骆驼</a></em>  
  129.                                     <em ><a href="#nogo">特步</a></em>  
  130.                                     <em ><a href="#nogo">耐克</a></em>  
  131.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  132.                                     <em ><a href="#nogo">达芙妮</a></em>  
  133.                                     <em ><a href="#nogo">李宁</a></em>  
  134.                                     <em class="noborder"><a href="#nogo">特步</a></em>  
  135.                                 </dd>  
  136.                             </dl>  
  137.                         </div>  
  138.                     </div>  
  139.                 </li>  
  140.                 <li><a href="#">男 装</a>  
  141.                     <div class="jnNav">  
  142.                         <div class="subitem">  
  143.                             <dl class="fore">  
  144.                                 <dt>  
  145.                                     <a href="#nogo">男 装：</a>  
  146.                                 </dt>  
  147.                                 <dd>  
  148.                                     <em ><a href="#nogo">耐克</a></em>  
  149.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  150.                                     <em ><a href="#nogo">达芙妮</a></em>  
  151.                                     <em ><a href="#nogo">李宁</a></em>  
  152.                                     <em ><a href="#nogo">安踏</a></em>  
  153.                                     <em ><a href="#nogo">奥康</a></em>  
  154.                                     <em ><a href="#nogo">骆驼</a></em>  
  155.                                     <em ><a href="#nogo">特步</a></em>  
  156.                                     <em ><a href="#nogo">耐克</a></em>  
  157.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  158.                                     <em ><a href="#nogo">达芙妮</a></em>  
  159.                                     <em ><a href="#nogo">李宁</a></em>  
  160.                                     <em class="noborder"><a href="#nogo">特步</a></em>  
  161.                                 </dd>  
  162.                             </dl>  
  163.                             <dl>  
  164.                                 <dt>  
  165.                                     <a href="#nogo">男 装：</a>  
  166.                                 </dt>  
  167.                                 <dd>  
  168.                                     <em ><a href="#nogo">耐克</a></em>  
  169.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  170.                                     <em ><a href="#nogo">达芙妮</a></em>  
  171.                                     <em ><a href="#nogo">李宁</a></em>  
  172.                                     <em ><a href="#nogo">安踏</a></em>  
  173.                                     <em ><a href="#nogo">奥康</a></em>  
  174.                                     <em ><a href="#nogo">骆驼</a></em>  
  175.                                     <em ><a href="#nogo">特步</a></em>  
  176.                                     <em ><a href="#nogo">耐克</a></em>  
  177.                                     <em ><a href="#nogo">阿迪达斯</a></em>  
  178.                                     <em ><a href="#nogo">达芙妮</a></em>  
  179.                                     <em ><a href="#nogo">李宁</a></em>  
  180.                                     <em class="noborder"><a href="#nogo">特步</a></em>  
  181.                                 </dd>  
  182.                             </dl>  
  183.                         </div>  
  184.                     </div>  
  185.                  </li>  
  186.                  <li><a href="#">鞋包配饰</a></li>  
  187.             </ul>  
  188.         </div>  
  189.         <!-- 导航 end -->  
  190.     </div>  
  191. </div>  
  192. <!--头部结束-->  
  193. <!--主体开始-->  
  194. <div id="content">  
  195.     <div class="janeshop">  
  196.         <!-- 商品分类 start -->  
  197.         <div id="jnCatalog">  
  198.             <h2 title="商品分类">商品分类</h2>  
  199.             <div class="jnCatainfo">  
  200.                 <h3>推荐品牌</h3>  
  201.                 <ul>  
  202.                     <li><a href="#nogo" >耐克</a></li>  
  203.                     <li><a href="#nogo" class="promoted">阿迪达斯</a></li>  
  204.                     <li><a href="#nogo" >达芙妮</a></li>  
  205.                     <li><a href="#nogo" >李宁</a></li>  
  206.                     <li><a href="#nogo" >安踏</a></li>  
  207.                     <li><a href="#nogo" >奥康</a></li>  
  208.                     <li><a href="#nogo" class="promoted">骆驼</a></li>  
  209.                     <li><a href="#nogo" >特步</a></li>  
  210.                 </ul>  
  211.                 <br class="clear" />  
  212.                 <h3>女装</h3>  
  213.                 <ul>  
  214.                     <li><a href="#nogo" >呢大衣</a></li>  
  215.                     <li><a href="#nogo" >T恤</a></li>  
  216.                     <li><a href="#nogo" >羽绒</a></li>  
  217.                     <li><a href="#nogo" >衬衫</a></li>  
  218.                     <li><a href="#nogo" >羊绒衫</a></li>  
  219.                     <li><a href="#nogo" >针织</a></li>  
  220.                     <li><a href="#nogo" >连衣裙</a></li>  
  221.                     <li><a href="#nogo" >皮外套</a></li>  
  222.                 </ul>  
  223.                 <br class="clear" />  
  224.                 <h3>男装</h3>  
  225.                 <ul>  
  226.                     <li><a href="#nogo" >衬衫</a></li>  
  227.                     <li><a href="#nogo" >T恤衫</a></li>  
  228.                     <li><a href="#nogo" >夹克</a></li>  
  229.                     <li><a href="#nogo" >大皮衣</a></li>  
  230.                     <li><a href="#nogo" >风衣</a></li>  
  231.                     <li><a href="#nogo" >牛仔裤</a></li>  
  232.                     <li><a href="#nogo" >西服</a></li>  
  233.                     <li><a href="#nogo" >卫衣</a></li>  
  234.                 </ul>  
  235.                 <br class="clear" />  
  236.                 <h3>鞋包配饰</h3>  
  237.                 <ul>  
  238.                     <li><a href="#nogo" >围巾</a></li>  
  239.                     <li><a href="#nogo" >旅行箱</a></li>  
  240.                     <li><a href="#nogo" >真皮包</a></li>  
  241.                     <li><a href="#nogo" >韩版</a></li>  
  242.                     <li><a href="#nogo" >达芙妮</a></li>  
  243.                     <li><a href="#nogo" >单肩包</a></li>  
  244.                     <li><a href="#nogo" >毛线</a></li>  
  245.                     <li><a href="#nogo" >清仓靴子</a></li>  
  246.                 </ul>  
  247.                 <br class="clear" />  
  248.             </div>  
  249.         </div>  
  250.         <!-- 商品分类 end -->  
  251.   
  252.         <!-- 大屏广告 start -->  
  253.         <div id="jnImageroll">  
  254.             <a href="#nogo" id="JS_imgWrap">  
  255.                 <img src="images/ads/1.jpg" alt="相约情人节"/>  
  256.                 <img src="images/ads/2.jpg" alt="新款上线"/>  
  257.                 <img src="images/ads/3.jpg" alt="愤怒小鸟特卖"/>  
  258.                 <img src="images/ads/4.jpg" alt="男鞋促销第一波"/>  
  259.                 <img src="images/ads/5.jpg" alt="春季新品发布"/>  
  260.             </a>  
  261.             <div>  
  262.                 <a href="###1"><em>相约情人节</em><em>全场119元起</em></a>  
  263.                 <a href="###2"><em>新款上线</em><em>全场357元起</em></a>  
  264.                 <a href="###3"><em>愤怒小鸟特卖</em><em>全场89元</em></a>  
  265.                 <a href="###4"><em>男鞋促销第一波</em><em>全场3.1折起</em></a>  
  266.                 <a href="###5" class="last"><em>春季新品发布</em><em>全场4.1折起</em></a>  
  267.             </div>  
  268.         </div>  
  269.         <!-- 大屏广告 end -->  
  270.   
  271.         <!-- 最新动态 start -->  
  272.         <div id="jnNotice">  
  273.             <div id="jnMiaosha">  
  274.                 <a href="#nogo" class="JS_css3"><img src="images/upload/20120216.jpg" alt="冬品清仓"  /></a>  
  275.             </div>  
  276.             <div id="jnNoticeInfo">  
  277.                 <h2 title="最新动态">最新动态</h2>  
  278.                 <ul>  
  279.                     <li><a href="###1" class="tooltip" title="[活动] 伊伴春鞋迎春大促">[活动] 伊伴春鞋迎春大促</a></li>  
  280.                     <li><a href="###2" class="tooltip" title="[活动] 千百度冬靴新品火热让利">[活动] 千百度冬靴新品火热让利</a></li>  
  281.                     <li><a href="###3" class="tooltip" title="[活动] COEY秋冬新品全场2.3折起">[活动] COEY秋冬新品全场2.3折起</a></li>  
  282.                     <li><a href="###4" class="tooltip" title="[活动] 伊伴春鞋迎春大促">[活动] 伊伴春鞋迎春大促</a></li>  
  283.                     <li><a href="###5" class="tooltip" title="[活动] 千百度冬靴新品火热让利">[活动] 千百度冬靴新品火热让利</a></li>  
  284.                     <li><a href="###6" class="tooltip" title="[活动] COEY秋冬新品全场2.3折起">[活动] COEY秋冬新品全场2.3折起</a></li>  
  285.                 </ul>  
  286.                 <br class="clear" />  
  287.             </div>  
  288.         </div>  
  289.         <!-- 最新动态 end -->  
  290.   
  291.         <!-- 品牌活动 start -->  
  292.         <div id="jnBrand">  
  293.             <div id="jnBrandTab">  
  294.                 <h2 title="品牌活动">品牌活动</h2>  
  295.                 <ul>  
  296.                     <li><a title="运动" href="#nogo">运动</a></li>  
  297.                     <li><a title="女鞋" href="#nogo">女鞋</a></li>  
  298.                     <li><a title="男鞋" href="#nogo">男鞋</a></li>  
  299.                     <li><a title="Applife" href="#nogo">童鞋</a></li>  
  300.                 </ul>  
  301.             </div>  
  302.             <div id="jnBrandContent">  
  303.                 <div id="jnBrandList">  
  304.                     <ul>  
  305.                         <li>  
  306.                             <a href="###1" class="JS_live"><img alt="耐克" src="images/upload/20120217.jpg" /></a>  
  307.                             <span><a href="###1">耐克</a></span>  
  308.                         </li>  
  309.                         <li>  
  310.                             <a href="###2" class="JS_live"><img alt="阿迪达斯" src="images/upload/20120218.jpg" /></a>  
  311.                             <span><a href="###2">阿迪达斯</a></span>  
  312.                         </li>  
  313.                         <li>  
  314.                             <a href="###3" class="JS_live"><img alt="李宁" src="images/upload/20120219.png" /></a>  
  315.                             <span><a href="###3">李宁</a></span>  
  316.                         </li>  
  317.                         <li>  
  318.                             <a href="###4" class="JS_live"><img alt="安踏" src="images/upload/20120220.png" /></a>  
  319.                             <span><a href="###4">安踏</a></span>  
  320.                         </li>  
  321.                         <li>  
  322.                             <a href="###1" class="JS_live"><img alt="耐克" src="images/upload/20120217.jpg" /></a>  
  323.                             <span><a href="###1">耐克</a></span>  
  324.                         </li>  
  325.                         <li>  
  326.                             <a href="###2" class="JS_live"><img alt="阿迪达斯" src="images/upload/20120218.jpg" /></a>  
  327.                             <span><a href="###2">阿迪达斯</a></span>  
  328.                         </li>  
  329.                         <li>  
  330.                             <a href="###3" class="JS_live"><img alt="李宁" src="images/upload/20120219.png" /></a>  
  331.                             <span><a href="###3">李宁</a></span>  
  332.                         </li>  
  333.                         <li>  
  334.                             <a href="###4" class="JS_live"><img alt="安踏" src="images/upload/20120220.png" /></a>  
  335.                             <span><a href="###4">安踏</a></span>  
  336.                         </li>  
  337.                         <li>  
  338.                             <a href="###1" class="JS_live"><img alt="耐克" src="images/upload/20120217.jpg" /></a>  
  339.                             <span><a href="###1">耐克</a></span>  
  340.                         </li>  
  341.                         <li>  
  342.                             <a href="###2" class="JS_live"><img alt="阿迪达斯" src="images/upload/20120218.jpg" /></a>  
  343.                             <span><a href="###2">阿迪达斯</a></span>  
  344.                         </li>  
  345.                         <li>  
  346.                             <a href="###3" class="JS_live"><img alt="李宁" src="images/upload/20120219.png" /></a>  
  347.                             <span><a href="###3">李宁</a></span>  
  348.                         </li>  
  349.                         <li>  
  350.                             <a href="###4" class="JS_live"><img alt="安踏" src="images/upload/20120220.png" /></a>  
  351.                             <span><a href="###4">安踏</a></span>  
  352.                         </li>  
  353.                         <li>  
  354.                             <a href="###1" class="JS_live"><img alt="耐克" src="images/upload/20120217.jpg" /></a>  
  355.                             <span><a href="###1">耐克</a></span>  
  356.                         </li>  
  357.                         <li>  
  358.                             <a href="###2" class="JS_live"><img alt="阿迪达斯" src="images/upload/20120218.jpg" /></a>  
  359.                             <span><a href="###2">阿迪达斯</a></span>  
  360.                         </li>  
  361.                         <li>  
  362.                             <a href="###3" class="JS_live"><img alt="李宁" src="images/upload/20120219.png" /></a>  
  363.                             <span><a href="###3">李宁</a></span>  
  364.                         </li>  
  365.                         <li>  
  366.                             <a href="###4" class="JS_live"><img alt="安踏" src="images/upload/20120220.png" /></a>  
  367.                             <span><a href="###4">安踏</a></span>  
  368.                         </li>  
  369.                     </ul>  
  370.                 </div>  
  371.             </div>  
  372.         </div>  
  373.         <!-- 品牌活动 end -->  
  374.   
  375.     </div>  
  376. </div>  
  377. <!--主体结束-->  
  378. <!--底部开始-->  
  379. <div id="footer">Copyright © 2009 - 2012 JaneShop Inc. </div>  
  380. <!--底部结束-->  
  381. </body>  
  382. </html>
ruby小酱
关注
专栏目录
jquery实现的个性网站首页 详细信息
11-27
jquery实现的个性网站首页 详细信息
Jquery打造的个性网站
05-26 280
最近在赶项目，Jquery完成的个性网站，包括index和详细页。 该项目为电子商城类型，面向对象为消费者，网站风格简洁清晰，消费者可以选择自己喜欢的商品加入购物车或者直接购买，同时为消费者提供了评价打分的模块,提高了网站的可信度。 使用html，css实现了网站的布局，用jquery实现了页面交互效果，在该项目中最困难的是点击图片放大效果模块，点击服...
用jQuery打造个性网站
weixin_34067102的博客
11-11 259
2019独角兽企业重金招聘Python工程师标准>>> ...
锋利的JQuery实例-用JQuery打造个性网站-详细页面
luckyjaky的专栏
03-18 672
&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="details.aspx.cs" Inherits="details" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
jquery个性化网站侧边栏工具条特效代码
03-20
本文将深入探讨"jquery个性化网站侧边栏工具条特效代码"这个主题，以及如何利用jQuery实现这样的功能。 首先，侧边栏工具条是网站设计中常见的一种元素，它通常位于页面的一侧，提供导航、快捷链接或用户操作的功能...
jquery个性化网站侧边栏工具条_可自定义添加工具条功能
11-24
《jQuery个性化网站侧边栏工具条：自定义与实现详解》 在当今互联网时代，网站设计的用户体验成为了关键因素之一，而侧边栏工具条作为网页交互的重要组成部分，能够为用户提供便捷的操作入口，提升网站的易用性。...
jQuery个性圆圈倒计时特效.zip
最新发布
11-20
《jQuery个性圆圈倒计时特效的实现与解析》 在网页设计中，动态效果往往能为用户体验增色不少，而倒计时功能是常见的一种交互元素，它常用于活动预热...在实践中，不断优化和完善，你就能打造出更具个性化的网页元素。
jquery个性化网站侧边栏工具条.zip
07-04
《jQuery个性化网站侧边栏工具条的实现与应用》 在网页设计中，侧边栏工具条作为一种常见的交互元素，可以提升用户体验，提供便捷的操作入口。"jQuery个性化网站侧边栏工具条.zip"是一个用于创建自定义侧边栏工具条...
黑色个性的企业网站模板_黑色 漂亮 展示 jquery 整站 大图 纯色 特效.zip
02-21
综上所述，这个企业网站模板充分利用了现代前端技术，通过黑色主题、jQuery特效、CSS3样式和JavaScript交互，打造了一个既美观又功能丰富的网站框架。对于那些希望创建专业且引人注目的企业网站的开发者来说，这是一...
简单商城JaneShop
08-30
一个商城JaneShop的项目开发，完成了商城所需的基本需求，例如购物车等
JaneShop电商网站
11-04
JaneShop是使用VS2012+MVC4+EasyUI等技术开发的电商网站源码。有品牌、男士上装、男士裤装、应季男装、流行女装、女士上衣、女士裤装等栏目。 JaneShop电商网站源码软件特性 JaneShop是使用
锋利的JQuery实例-用JQuery打造个性网站-首页
luckyjaky的专栏
03-18 716
&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x
18个使用 jQuery 制作的创意网站欣赏
weixin_34301307的博客
06-04 637
　　jQuery 是一个非常优秀的 Javascript 框架，在现在的 Web 开发项目中扮演着重要角色，借助 jQuery 可以让网站有更好的可用性和用户体验，让访问者对网站留下非常好的印象。今天这篇文章与大家分享18个使用 jQuery 制作的创意网站，一起欣赏。 imagemechanics.com wineshop.hunters.co.nz duchyoriginals....
小白读《锋利的jQuery》第8章（打造个性网站）
canxuezhang的博客
02-18 1536
用jQuery打造个性网站 哦耶
jquery制作的个性网站
chengqianduan的博客
05-18 735
网站的主页和附页的截图：
《锋利的jQuery》打造个性网站整合
weixin_30902675的博客
02-03 141
搜索框文字效果 网页换肤 导航效果 广告效果 添加超链接提示 产品横向滚动效果 光标滑动列表效果 产品详细页面效果（放大镜，遮罩，选项卡，评分等） 1、搜索框文字效果 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> ...
一个不错的webos(个性化主页)
张沈鹏,在路上 ...
01-16 339
http://www.netvibes.com/ 摘自http://yeeyan.com/articles/view/lzyy/4087 这个市场有许多的竞争者，主要分为两个阵营——大公司（微软的live.com，GOOGLE个人主页，我的雅虎）和小公司（netvibes(my favourite——译者注)，Protopage,PageFlakes）。现在，正如Mike Arringto...
程序员如何快速搭建个性化主页？
ZicoChan的博客
06-15 762
摄影师不用说话，只要拿出照片……设计师不用说话，只要 show 出作品……作为一个写了几万行代码的 coder ，那些程式化的简历/个性主页怎么够用啊？看看他们如何展示自己的技术实力：  什么？你也想要？没问题，码云 Pages 是一个基于 Jekyll 静态网站服务，可以用它帮助开发者及企业低成本、高效快速搭建博客、简历、项目主页、个人主页等等，大幅简化用户建站的操作流程，大幅降低网站的日常运营...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值