本文深入解析了网页设计与 *** 的核心技术，旨在助力学习者熟练掌握关键编码技能，进而构建出独具特色的个性化网站。
随着互联网技术的迅猛进步，网页设计 *** 已经成为各行各业不可或缺的技能，精通网页设计 *** 的代码，不仅能够使你在职场中独树一帜，更能够显著提升个人价值，本文将为你详细解析网页设计 *** 的核心代码技能，助你打造出独一无二的个性网站。
网页设计 *** 代码概览
网页设计 *** 代码，掌握核心技能，打造个性网站网页设计 *** 的核心代码主要包括HTML、CSS和J*aScript三种语言，HTML（超文本标记语言）构成了网页的基本结构，CSS（层叠样式表）负责网页的样式和布局，而J*aScript则赋予网页交互性和动态效果。
HTML是网页设计的基础，理解并熟练运用HTML的基本标签和属性是每位网页设计师的必备技能，以下是一些常用的HTML标签：
1. ``：定义整个HTML文档，2. ``：包含文档的元信息，如标题、链接、样式等，3. `
`：定义网页标题，4. `<body>`：包含网页的主体内容，5. `<h1>`至`<h6>`：定义不同级别的标题，<h1>`为更高级别，6. `<p>`：定义段落，7. ``：定义超链接，8. ``：定义图片，9. ``：定义一个区块，10. `<span>`：定义行内元素。<h2>CSS：网页的视觉盛宴</h2><p>CSS用于美化网页，提升其视觉效果，以下是一些常用的CSS属性：</p><p>1. `color`：设置文本颜色。</p><p>2. `background-color`：设置背景颜色。</p><p>3. `font-size`：设置字体大小。</p><p>4. `font-family`：设置字体。</p><p>5. `margin`：设置外边距。</p><p>6. `padding`：设置内边距。</p><p>7. `border`：设置边框。</p><p>8. `width`：设置宽度。</p><p>9. `height`：设置高度。</p><p>10. `position`：设置定位。</p><h2>J*aScript：网页的灵动之魂</h2><p>J*aScript负责网页的交互效果，赋予网页动态性，以下是一些常用的J*aScript *** ：</p><p>1. `alert()`：弹出一个对话框。</p><p>2. `confirm()`：弹出一个确认框。</p><p>3. `prompt()`：弹出一个输入框。</p><p>4. `setTimeout()`：设置一个定时器。</p><p>5. `setInterval()`：设置一个循环定时器。</p><p>6. `document.write()`：在网页上输出内容。</p><p>7. `document.getElementById()`：获取元素。</p><p>8. `document.createElement()`：创建元素。</p><h2>实战案例：打造个性网站全攻略</h2><p>以下是一个简单个性网站 *** 的步骤：</p><p>1. 设计网站结构：使用HTML标签定义网页的结构。</p><p>2. 设计网站样式：使用CSS设置网页的布局和外观。</p><p>3. 添加交互效果：使用J*aScript实现网页的动态效果。</p><p>4. 测试和优化：检查网页的兼容性和性能，进行优化。</p><p>掌握网页设计 *** 代码是打造个性网站的关键，通过学习HTML、CSS和J*aScript，你将能够轻松地 *** 出风格独特的网页，在实际操作中不断积累经验，提升技能水平，相信你将成为一名技艺高超的网页设计师。</p> <!-- 详情页标签输出开始 -->
<p><br>
# <a href="/tags/490836.html" target="_blank" >湖北工厂网站推广哪个好</a>
# <a href="/tags/490829.html" target="_blank" >火影忍者漫画网站建设</a>
# <a href="/tags/490830.html" target="_blank" >营销推广晋升图片大全</a>
# <a href="/tags/490831.html" target="_blank" >小程序持续营销推广方案</a>
# <a href="/tags/490832.html" target="_blank" >营销型收款码有哪些推广方式</a>
# <a href="/tags/490833.html" target="_blank" >活动营销推广手段是什么</a>
# <a href="/tags/490834.html" target="_blank" >去万科营销品牌推广</a>
# <a href="/tags/490835.html" target="_blank" >南通各大网站推广</a>
# <a href="/tags/30237.html" target="_blank" >物流公司响应式网站建设</a>
# <a href="/tags/291192.html" target="_blank" >靠谱整合营销推广</a>
# <a href="/tags/490828.html" target="_blank" >口语提升网站推广</a>
# <a href="/tags/490837.html" target="_blank" >用营销宝推广没什么效果</a>
# <a href="/tags/490838.html" target="_blank" >唐山网站建设博客</a>
# <a href="/tags/118125.html" target="_blank" >昆山公司网站建设价格</a>
# <a href="/tags/490839.html" target="_blank" >阳江外贸网站建设报价</a>
# <a href="/tags/46827.html" target="_blank" >秦皇岛营销网站推广业务</a>
# <a href="/tags/490840.html" target="_blank" >火锅店如何营销推广产品</a>
# <a href="/tags/490841.html" target="_blank" >河南网站推广什么价格好</a>
# <a href="/tags/490842.html" target="_blank" >江苏互联网营销推广排名</a>
# <a href="/tags/5247.html" target="_blank" >是一个</a>
# <a href="/tags/179920.html" target="_blank" >掌握核心技能</a>
# <a href="/tags/66781.html" target="_blank" >打造个性网站</a>
# <a href="/tags/490823.html" target="_blank" >精通网页设计 ***</a>
# <a href="/tags/490824.html" target="_blank" >掌握核心代码</a>
# <a href="/tags/490825.html" target="_blank" >定制专属个性网站</a>
# <a href="/tags/490826.html" target="_blank" >核心代码技巧</a>
# <a href="/tags/490827.html" target="_blank" >定制个性网站之道</a>
# <a href="/tags/3911.html" target="_blank" >网页设计</a>
# <a href="/tags/42055.html" target="_blank" >弹出</a>
# <a href="/tags/490822.html" target="_blank" >网页设计 *** 代码</a>
# <a href="/tags/8724.html" target="_blank" >设计网站</a>
# <a href="/tags/6014.html" target="_blank" >文档</a>
# <a href="/tags/34013.html" target="_blank" >为你</a>
# <a href="/tags/30098.html" target="_blank" >更高</a>
# <a href="/tags/5874.html" target="_blank" >独具特色</a>
# <a href="/tags/31074.html" target="_blank" >三种</a>
# <a href="/tags/5399.html" target="_blank" >之道</a>
# <a href="/tags/65203.html" target="_blank" >新余网站推广工作好做吗</a>
</p>
<!-- 详情页标签输出结束 -->
<!-- 随机文章输出开始 -->
<p><br>相关文章：
<a href='/news/4619.html'>南宁企业网站，助力企业数字化转型，打造线上商业新天地，南宁企业数字化转型新引擎，打造线上商业新天地，南宁企业数字化转型新引擎，打造线上商业新天地</a>
<a href='/news/5246.html'>网站备案新规，增加域名，助力互联网企业合规经营，新规助力，网站备案升级，域名管理加强，推动互联网企业合规发展</a>
<a href='/news/5535.html'>杭州网站建设公司大盘点，选择最适合您的专业团队，杭州网站建设公司精选指南，寻找您的专业合作伙伴，杭州网站建设公司精选指南，专业团队盘点与选择攻略</a>
<a href='/news/4108.html'>杭州，互联网创业者的摇篮，专业网站建设助力企业腾飞，杭州，互联网创业圣地，专业网站建设助推企业飞跃，杭州，互联网创业圣地，专业网站建设赋能企业飞跃</a>
<a href='/news/5250.html'>网站备案与实名认证，守护 *** 安全，筑牢信息长城，网站备案与实名认证， *** 安全防线，信息长城的基石，筑牢 *** 安全防线，网站备案与实名认证，信息长城的基石</a>
<a href='/news/15.html'>“长在手上”的遥控器 如何承包牛奶盒子的亮点</a>
<a href='/news/3881.html'>如何选择合适的网站建设空间，如何选择合适的网站建设空间，指南与建议</a>
<a href='/news/5099.html'>织梦网站栏目修改教程，轻松掌握网站内容布局调整技巧，轻松驾驭网站布局，织梦网站栏目修改全攻略</a>
<a href='/news/3998.html'>西安做网站，一站式服务打造个性化 *** 品牌，西安专业网站定制，一站式服务塑造独特 *** 品牌形象</a>
<a href='/news/3918.html'>福州网站推广，助力企业拓展市场，提升品牌影响力，福州网站推广，助力企业市场拓展与品牌增值，福州网站推广，助力企业市场拓展与品牌价值飞跃</a>
<a href='/news/3981.html'>网站内容更新，提升用户体验，优化搜索引擎排名的关键策略，网站内容升级，用户体验与SEO优化双管齐下的关键策略，网站内容升级，SEO优化与用户体验双剑合璧策略</a>
<a href='/news/4705.html'>西宁网站推广，助力企业线上腾飞的新引擎，西宁企业线上飞跃，网站推广新引擎驱动增长</a>
<a href='/news/4240.html'>上海网站设计公司，助力企业打造高品质在线形象，上海专业网站设计，塑造企业卓越 *** 品牌形象</a>
<a href='/news/4600.html'>沧州网站推广，助力企业互联网营销新篇章，沧州企业互联网营销新篇章，网站推广助力腾飞，沧州企业互联网营销新篇章，网站推广助力腾飞</a>
<a href='/news/4794.html'>PHP网站培训，开启你的Web开发之旅，PHP网站开发入门培训，踏上Web开发新篇章，PHP网站开发入门，开启你的Web开发新篇章</a>
<a href='/news/4304.html'>巩义网站建设，助力企业转型升级，打造数字化新名片，巩义企业数字化升级，网站建设铸就新名片，巩义企业数字化升级，网站建设助力打造新名片</a>
<a href='/news/5418.html'>重庆做网站推广公司，助力企业实现线上营销新突破，重庆专业网站推广服务，助企业开启线上营销新篇章，重庆专业网站推广，赋能企业线上营销新飞跃</a>
<a href='/news/4106.html'>黑龙江网站建设，助力企业数字化转型，抢占市场先机，黑龙江企业数字化转型新引擎，网站建设助力抢占市场制高点</a>
<a href='/news/3885.html'>WAP网站 *** 的未来发展趋势与挑战，WAP网站 *** 的发展趋势及面临的挑战分析，WAP网站 *** ，未来发展态势及挑战剖析</a>
<a href='/news/4132.html'>东莞网站设计公司，打造专业网站，助力企业腾飞，东莞专业网站设计，助力企业数字化飞跃，东莞专业网站设计，助力企业数字化腾飞新篇章</a>
<a href='/news/5435.html'>重庆网站开发解决方案，打造个性化、高效能的在线平台，定制化高效解决方案，重庆网站开发，塑造专属在线平台</a>
<a href='/news/4380.html'>个性化网站，打造专属你的 *** 空间，定制你的 *** 世界，个性化网站打造指南</a>
<a href='/news/4914.html'>昆明网站建设报价全解析，揭秘昆明网站建设成本及影响因素，昆明网站建设成本揭秘，全面解析报价与影响因素，昆明网站建设成本全揭秘，解析报价与关键影响因素</a>
<a href='/news/5433.html'>重庆网站推广营销策略，助力企业线上崛起之路，重庆企业线上崛起，网站推广营销策略全攻略</a>
<a href='/news/4210.html'>塘沽网站建设，助力企业互联网转型，打造高效 *** 平台，塘沽企业互联网转型新引擎，专业网站建设，打造高效 *** 平台</a>
<a href='/news/4263.html'>台州网站建设，打造个性化 *** 品牌，助力企业腾飞，台州企业腾飞之路，个性化网站建设助力品牌崛起</a>
<a href='/news/4388.html'>厦门网站设计，打造个性与实用并重的 *** 空间，厦门网站设计，个性化与实用性兼具的 *** 空间定制服务</a>
<a href='/news/5236.html'>美颜秘籍网站建设，打造时尚潮流的美容知识平台，美颜秘籍，引领潮流的美容知识门户网站建设</a>
<a href='/news/5299.html'>网站公安备案必须，保障 *** 安全，维护合法权益，网站公安备案，筑牢 *** 安全防线，守护合法权益</a>
<a href='/news/4566.html'>三亚网站建设，打造企业 *** 新形象，助力发展新篇章，三亚企业 *** 新形象塑造，专业网站建设助力发展新里程</a>
<a href='/news/5609.html'>网站栏目功能分析，优化用户体验，提升网站价值，网站栏目功能优化策略，提升用户体验与价值</a>
<a href='/news/4065.html'>揭秘网站推广专家，如何助力企业实现线上辉煌，网站推广专家，企业线上辉煌的秘密武器</a>
<a href='/news/3944.html'>网站推广软文案例解析，如何用故事打动人心，提升网站流量，故事营销解密，网站流量提升的软文创作艺术</a>
<a href='/news/4498.html'>西安地区专业网站建设公司盘点，助力企业打造互联网新名片，西安专业网站建设公司大盘点，企业互联网形象升级指南</a>
<a href='/news/4463.html'>昆明网站 *** ，打造专业、高效的在线平台，昆明专业高效网站定制服务，昆明专业网站定制，高效在线平台解决方案</a>
<a href='/news/5590.html'>商城网站营销系统源码，揭秘高效电商运营的秘密武器，揭秘电商运营利器，商城网站营销系统源码深度解析，电商运营秘籍，商城网站营销系统源码深度揭秘</a>
<a href='/news/175.html'>旺旺和旺仔是父子？你不知道的旺旺冷知识。。。</a>
<a href='/news/5316.html'>网站工信部公安备案查询系统， *** 安全的守护者，工信部公安备案查询系统， *** 安全防线上的守护者，工信部公安备案查询系统， *** 安全防线上的守护堡垒</a>
<a href='/news/3921.html'>南宁网站优化，提升网站流量与转化率的秘诀指南，南宁网站优化攻略，揭秘流量与转化率双提升秘诀</a>
<a href='/news/4799.html'>石家庄做网站的公司，专业服务助力企业 *** 营销新篇章，石家庄专业网站建设服务，赋能企业 *** 营销新起点</a>
<a href='/news/5583.html'>外贸箱包网站模板，打造专业外贸电商平台的利器，外贸电商新利器，专业外贸箱包网站模板全解析</a>
<a href='/news/4008.html'>汉中建网站，助力古城焕发新活力，推动区域经济发展，汉中古城焕新，网站建设助力区域经济腾飞</a>
<a href='/news/5652.html'>武汉企业网站排名优化，提升在线影响力的秘籍解析，武汉企业网站SEO攻略，揭秘提升在线影响力的优化秘籍，武汉企业网站SEO攻略，揭秘提升在线影响力的优化秘籍</a>
<a href='/news/4140.html'>日照网站建设，打造专业品牌形象，助力企业腾飞，专业品牌形象塑造，日照企业网站建设助力腾飞之路</a>
<a href='/news/4493.html'>网站建设公司哪家强？全方位评测为您揭晓更佳选择！，网站建设公司实力大比拼，揭秘行业佼佼者！，行业佼佼者揭晓，网站建设公司实力大评测</a>
<a href='/news/5147.html'>出版社类网站模板，打造专业出版信息平台的利器，专业出版信息平台建设，出版社类网站模板全攻略</a>
<a href='/news/4236.html'>昆明网站推广，助力企业拓展线上市场，提升品牌影响力，昆明企业线上拓展新引擎，网站推广助力品牌影响力飞跃</a>
<a href='/news/5425.html'>重庆微信网站 *** 价格解析，性价比之选，打造您的移动营销利器，重庆微信网站定制，性价比高，助力移动营销新篇章，重庆微信网站定制，性价比高，开启移动营销新时代</a>
<a href='/news/5593.html'>企业网站 *** 全攻略，从规划到上线，轻松掌握网站建设技巧，企业网站建设全程指南，从规划到上线，高效掌握建设技巧</a>
<a href='/news/5228.html'>宁波地区专业网站优化公司盘点，助力企业 *** 营销新篇章，宁波专业网站优化公司榜单揭晓，开启企业 *** 营销新纪元，宁波专业网站优化公司榜单发布，引领企业 *** 营销新篇章</a>
</p>
<!-- 随机文章输出结束 -->
<!-- 相关栏目开始 -->
<p><br>相关栏目：
【<a href='/wlyx/' class='on'>
网络营销50816 </a>】
【<a href='/sem/' class=''>
网络推广28604 </a>】
【<a href='/seo/' class=''>
网络优化103458 </a>】
【<a href='/wangluoyunying/' class=''>
网络运营4138 </a>】
【<a href='/aiguanggao/' class=''>
AI广告15956 </a>】
</p>
<!-- 相关栏目结束 -->
</div>
</div>
<div class="news-others">
<div class="pre-next" >
<div class="news-prev"> <a href="/news/31384.html" title="个人网页设计html，个性化网页设计与HTML实战指南"> 上一篇：个人网页设计html，个性化网页设计与HTML实战指南 </a>
</div>
<div class="news-next"> <a href="/news/31392.html" title="网页UI设计培训，开启数字化设计新篇章，网页UI设计培训引领数字化设计新时代"> 下一篇：网页UI设计培训，开启数字化设计新篇章，网页UI设计培训引领数字化设计新时代 </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-container w-footer">
<div class="w-footer-section pdTop-default pdBottom-default" >
<div class="w-footer-in" style="max-width:;">
<div class="foot-mask" ></div>
<div class="w-foot-content pdTop-small pdBottom-small">
<div class="li-div">
<div class="w-text" style="">
<div align="center"><br>© <script>document.write( new Date().getFullYear() );</script> 成都尚明歆宇广告有限公司 版权所有 <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2025122781号</a> <div style="display:none">
<a href="http://ivvx.cn">成都尚明歆宇广告有限公司</a>
<a href="http://www.ivvx.cn">成都尚明歆宇广告有限公司</a>
<a href="http://leiel.net">成都尚明歆宇广告有限公司</a>
<a href="http://www.leiel.net">成都尚明歆宇广告有限公司</a>
<a href="http://maiqijz.cn">成都尚明歆宇广告有限公司</a>
<a href="http://www.maiqijz.cn">成都尚明歆宇广告有限公司</a>
<a href="http://djy9.cn">成都尚明歆宇广告有限公司</a>
<a href="http://www.djy9.cn">成都尚明歆宇广告有限公司</a>
<a href="http://sdxinaohua.cn">成都尚明歆宇广告有限公司</a>
<a href="http://www.sdxinaohua.cn">成都尚明歆宇广告有限公司</a>
</div> <!-- 友情链接外链开始 -->
<style type="text/css">
.frendlinks {height:1px;overflow: hidden;font-size: 0;}
</style>
<div class="frendlinks">友情链接：
<a href="http://www.nan-ao.cn">南奥教育</a>
<a href="http://www.lzlny.cn">黄冈市绿智联农业科技有限公司</a>
<a href="http://www.bagb.cn">四川天上人间养老科技集团有限公司</a>
<a href="http://www.xrcmy.cn">昆明芎软脆贸易有限公司</a>
<a href="http://www.liob.cn">兰陵家政</a>
<a href="http://www.leyyw.cn">南昌市乐一亿企业服务有限公司</a>
<a href="http://www.sitekun.cn">德州斯特坤信息技术有限公司</a>
<a href="http://www.sktui.cn">德州斯特坤信息技术有限公司</a>
<a href="http://www.whjysm.cn">武汉市坚源商贸有限公司</a>
<a href="http://www.yjlcm.cn">武汉市毅江凌广告传媒有限公司</a>
<a href="http://www.uugyx.cn">鄂州市妙运网络科技有限公司</a>
<a href="http://www.hdmaker.net">后端开发平台</a>
<a href="http://www.toys8.net">网先生动漫银行</a>
<a href="http://www.mobimit.com">悦推科技</a>
<a href="http://www.large-x.com">丽景创新</a>
<a href="http://www.torrycn.cn">重庆多瑞进出口有限公司</a>
<a href="http://www.wwwstone.com">胜蓝科技</a>
<a href="http://www.benglong.com.cn">云南泵龙马铃薯种植有限公司</a>
<a href="http://www.beng-long.cn">云南泵龙马铃薯种植有限公司</a>
<a href="http://www.beng-long.com">云南泵龙马铃薯种植有限公司</a>
<br>
<a href="http://www.ytxll.cn">江西雪落栀子网络科技有限公司</a>
<a href="http://www.jjlly.cn">昆明乐羽文商贸有限公司</a>
<a href="http://www.810yy.cn">南京市珐之弘网络技术有限公司</a>
<a href="http://www.yjzdg.cn">广州雪夏建筑工程有限公司</a>
<a href="http://www.dxiji.cn">长春市铨鲤商贸有限公司</a>
<a href="http://www.raoys.cn">广州胤隐运输有限公司</a>
<a href="http://www.eekxq.cn">埔荥晔（云南）贸易有限公司</a>
<a href="http://www.bskzk.cn">武汉市轲之亭网络科技有限公司</a>
<a href="http://www.yblwl.cn">东莞市槐尧科技有限公司</a>
<a href="http://www.yttnf.cn">广州捻逢商贸有限公司</a>
<a href="http://www.vvbmo.cn">成都市然尤桉酒店管理有限公司</a>
<a href="http://www.sozwe.cn">广州松之伟广告有限公司</a>
<a href="http://www.kkqal.cn">浙江莱琳商贸有限公司</a>
<a href="http://www.tuid58.cn">广州苏社贸易有限公司</a>
<a href="http://www.jxjinming.cn">嘉兴金铭新能源汽车销售服务有限公司</a>
<a href="http://www.hdltjd.cn">鹏达胜辉酒店管理网</a>
<a href="http://www.xtdbt.cn">广州楝琏运输有限公司</a>
<a href="http://www.010hg.cn">北京灏光装修有限公司</a>
<a href="http://www.ybcch.cn">江西材桦桦网络科技有限公司</a>
<a href="http://www.nntyz.cn">广州宇澄贸易有限公司</a>
<a href="http://www.tuif6.cn">广州苏社贸易有限公司</a>
<a href="http://www.puxingye.cn">埔荥晔（云南）贸易有限公司</a>
<a href="http://www.bbjxs.cn">深圳市浩鼎成机械设备有限公司</a>
<a href="http://www.huawenxinwang.cn">成都华文鑫旺酒店管理有限公司</a>
<a href="http://www.ooazy.cn">广州宇澄贸易有限公司</a>
<a href="http://www.wlkiw.cn">武汉市索臻思赢网络科技有限公司</a>
<a href="http://www.csdck.cn">广州捻逢商贸有限公司</a>
<a href="http://www.hdwtjd.cn">鹏达胜辉酒店管理网</a>
<a href="http://www.yyddb.cn">达客斯</a>
<a href="http://www.yzzkt.cn">广州奕枝咨询有限公司</a>
</div>
<!-- 友情链接外链结束 -->
</div>
</div>
</div>
<div class="li-div">
<div class="w-text" style="">
<div align="center">
<ul class="link">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-service-fixed">
<div class="service-item bg_s_default color_s_default aHoverbg_deepen aHovercolor_deepen service-item-top"> <i class="fa fa-caret-up"></i>
<div class="top" onclick="$('body,html').animate({scrollTop: 0}, 'normal');">TOP</div>
</div>
<script type="text/javascript">
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 20) {
$('.w-service-fixed .service-item-top').show();
} else {
$('.w-service-fixed .service-item-top').hide();
}
});
});
</script>
</div>
</div>
<!-- 应用插件标签 start -->
<!-- 应用插件标签 end -->
<!-- 外链收录开始 -->
<span id="WzLinks" style="display:none;height:0;overflow: hidden;font-size: 0;"></span>
<script language="javascript" type="text/javascript" src="//cdn.wzlink.top/wzlinks.js"></script>
<!-- 外链收录结束 -->
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3LOts1Z6G9mqhKAu",ck:"3LOts1Z6G9mqhKAu"})</script>
</div>
<div class="topTel" onclick="$('body,html').animate({scrollTop: 0}, 500);"><i class="fa fa-arrow-up"></i></div>
<script type="text/javascript" src="/template/4154/pc/skin/js/jquery.global.js"></script>
<script type="text/javascript" src="/template/4154/pc/skin/js/jquery.form.js"></script>
<script type="text/javascript" src="/template/4154/pc/skin/js/lightbox.min.js"></script>
<script type="text/javascript" src="/template/4154/pc/skin/js/jquery.news_detail.js"></script>
<script type="text/javascript">
$(function(){
var curIndex;
$('#g-web-ul-menu >li').each(function(index, element) {
if($(this).hasClass('active')){
curIndex=index;
}
});
$('#g-web-ul-menu >li').hover(function(){
$(this).siblings('li').removeClass('active');
},function(){
$('#g-web-ul-menu >li').eq(curIndex).addClass('active');
});
});
</script>
</body>
</html> 
