一、HTML文档结构与基础语法
标准的HTML文档由</code>），主体区域承载网页内容。</p><img src="//imgfile1.oss-cn-hangzhou.aliyuncs.com/gz/584.jpg" />
<h2 id="section-2">二、常用元素与页面布局设计</h2>
<p>基础内容组织需掌握以下标签：</p>
<ul>
<li><strong>文本格式化</strong>：<code><br />
<h1>-</p>
<h6></code>定义标题层级，<code></p>
<p></code>包裹段落文本</li><li><strong>多媒体嵌入</strong>：<code></code>插入图像，<code></code>创建超链接</li><li><strong>结构化布局</strong>：使用<code><br /><header></code>、<code><main></code>、<code></p>
<footer></code>划分页面区块</li>
</ul>
<h2 id="section-3">三、CSS集成与响应式设计规范</h2>
<p>通过<code></code>引入外部样式表，实现样式与结构的分离。响应式设计的核心要素包括：</p>
<p style="text-align: center"></p>
<ol>
<li>使用<code>viewport</code>元标签适配移动端显示</li>
<li>采用百分比布局与<code>max-width</code>属性控制元素尺寸</li>
<li>通过媒体查询（<code>@media</code>）适配不同屏幕分辨率</li>
</ol>
<h2 id="section-4">四、HTML5新特性与兼容性处理</h2>
<figure>
<table>
<caption>HTML5语义化标签说明</caption>
<tr>
<th>标签</th>
<th>描述</th>
</tr>
<tr>
<td><code></p>
<header></code></td>
<td>定义文档或区块的头部</td>
</tr>
<tr>
<td><code></p>
</code></td>
<td>表示独立内容区块</td>
</tr>
<tr>
<td><code><video></code></td>
<td>嵌入视频无需插件支持</td>
</tr>
</table>
</figure>
<p>建议使用MDN Web Docs查阅浏览器兼容性数据，并通过Polyfill技术实现旧版本浏览器支持。</p>
<h2 id="section-5">五、<span class="wpcom_tag_link">SEO优化</span>与网页可访问性指南</h2>
<p>提升搜索引擎可见性的关键措施：</p>
<ul>
<li>为所有图像添加<code>alt</code>属性描述</li>
<li>使用<code></code>设置页面摘要</li>
<li>通过<code>aria-*</code>属性增强屏幕阅读器支持</li>
</ul>
<p>掌握HTML基础语法与设计规范是构建专业网站的基石。通过语义化标签、<span class="wpcom_tag_link">响应式布局</span>与SEO优化技术的结合，可创建既符合现代Web标准又具备良好用户体验的网站。</p>
<!-- 详情页标签输出开始 -->
<div class="xqbq" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>
# <a href="/tags/219967.html" target="_blank" >阳谷中英网站建设</a>
# <a href="/tags/337651.html" target="_blank" >平台网站建设哪家服务好</a>
# <a href="/tags/500445.html" target="_blank" >温州现代网站建设项目</a>
# <a href="/tags/535144.html" target="_blank" >江苏网站建设价格信息</a>
# <a href="/tags/589857.html" target="_blank" >德化网站建设价格查询网</a>
# <a href="/tags/600510.html" target="_blank" >工程建设前沿网站</a>
# <a href="/tags/678095.html" target="_blank" >加强政府网站群建设</a>
# <a href="/tags/1052522.html" target="_blank" >常德网站建设研究</a>
# <a href="/tags/1156523.html" target="_blank" >谁帮我建设网站了</a>
# <a href="/tags/1220541.html" target="_blank" >笋岗响应网站建设</a>
# <a href="/tags/1330708.html" target="_blank" >dw网站建设布局排版</a>
# <a href="/tags/1383595.html" target="_blank" >巴彦淖尔网站建设方案</a>
# <a href="/tags/1531234.html" target="_blank" >温州网站建设在哪里</a>
# <a href="/tags/1536707.html" target="_blank" >携程网站建设的基本特点</a>
# <a href="/tags/1573299.html" target="_blank" >如何实现网站建设服务</a>
# <a href="/tags/1573300.html" target="_blank" >广元专业的网站建设团队</a>
# <a href="/tags/1573301.html" target="_blank" >景区网站建设难点是什么</a>
# <a href="/tags/1573302.html" target="_blank" >栖霞区公司网站建设</a>
# <a href="/tags/1573303.html" target="_blank" >金*站建设推广服务</a>
# <a href="/tags/1573305.html" target="_blank" >陈勋奇电影网站建设</a>
</p>
</div>
<!-- 详情页标签输出结束 -->
<!-- 相关栏目开始 -->
<div class="xglm" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>相关栏目：
【<a href='/www/' class=''>
网络资讯 </a>】
【<a href='/wltg/' class=''>
网络推广 </a>】
【<a href='/jsjc/' class='on'>
技术教程 </a>】
【<a href='/wangluoyouhua/' class=''>
网络优化 </a>】
【<a href='/ai/' class=''>
AI营销 </a>】
【<a href='/rjbc/' class=''>
软件编程 </a>】
【<a href='/wangzhanjishu/' class=''>
网站技术 </a>】
【<a href='/tuokeyinliu/' class=''>
拓客引流 </a>】
【<a href='/hao/' class=''>
网址导航 </a>】
</p>
</div>
<!-- 相关栏目结束 -->
<!-- 随机文章输出开始 -->
<div class="sjwz" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>相关推荐：
<a href='/news/7747.html'>Laravel如何为应用配置HTTPS/SSL</a>
<a href='/news/6788.html'>娃派WAP自助建站：免费模板+移动优化，快速打造专业网站</a>
<a href='/news/5631.html'>Laravel如何生成和使用数据填充？（Seeder和Factory示例）</a>
<a href='/news/8388.html'>Laravel如何处理多对多关系和中间表</a>
<a href='/news/8636.html'>建站之星如何实现五合一智能建站与营销推广？</a>
<a href='/news/7277.html'>宝塔新建站点报错如何解决？</a>
<a href='/news/4527.html'>如何在Tomcat中配置并部署网站项目？</a>
<a href='/news/6336.html'>如何通过万网虚拟主机快速搭建网站？</a>
<a href='/news/8140.html'>Laravel如何优雅地处理API版本控制</a>
<a href='/news/7401.html'>Laravel如何广播事件实现实时通信_Laravel广播系统与实时数据推送</a>
<a href='/news/5050.html'>Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程</a>
<a href='/news/6952.html'>学校免费自助建站系统：智能生成+拖拽设计+多端适配</a>
<a href='/news/5572.html'>Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧</a>
<a href='/news/7067.html'>laravel怎么编写一个Feature Test_laravel Feature Test编写教程</a>
<a href='/news/8129.html'>建站之星ASP如何实现CMS高效搭建与安全管理？</a>
<a href='/news/5692.html'>如何正确选择百度移动适配建站域名？</a>
<a href='/news/6933.html'>Laravel模型访问器和修改器_Laravel Accessor和Mutator用法</a>
<a href='/news/5155.html'>Laravel如何使用查询构建器？（Query Builder高级用法）</a>
<a href='/news/5595.html'>Laravel如何处理表单验证？（Requests代码示例）</a>
<a href='/news/6279.html'>Laravel如何实现API版本控制_Laravel API版本化路由设计策略</a>
<a href='/news/5656.html'>Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程</a>
<a href='/news/8338.html'>Laravel中的dd()和dump()函数有什么区别</a>
<a href='/news/4746.html'>Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南</a>
<a href='/news/8138.html'>建站之星3.0如何解决常见操作问题？</a>
<a href='/news/4960.html'>高防服务器租用指南：配置选择与快速部署攻略</a>
<a href='/news/7897.html'>建站主机SSH密钥生成步骤及常见问题解答？</a>
<a href='/news/7121.html'>宝塔建站后网页无法访问如何解决？</a>
<a href='/news/6306.html'>如何选择高效可靠的多用户建站源码资源？</a>
<a href='/news/5460.html'>如何快速搭建安全的FTP站点？</a>
<a href='/news/6379.html'>Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程</a>
<a href='/news/5885.html'>Laravel如何自定义错误页面（404, 500）？（代码示例）</a>
<a href='/news/5508.html'>如何快速生成ASP一键建站模板并优化安全性？</a>
<a href='/news/7818.html'>建站主机如何选？性能与价格怎样平衡？</a>
<a href='/news/6921.html'>Laravel Horizon怎么安装_Laravel队列监控工具Horizon配置</a>
<a href='/news/8901.html'>建站之星支付失败如何快速处理？</a>
<a href='/news/7436.html'>如何在Laravel项目中使用Pest进行测试</a>
<a href='/news/4620.html'>Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】</a>
<a href='/news/5614.html'>如何快速选择适合个人网站的云服务器配置？</a>
<a href='/news/4557.html'>韩国服务器如何优化跨境访问实现高效连接？</a>
<a href='/news/4359.html'>齐河建站公司：营销型网站建设与SEO优化双核驱动策略</a>
<a href='/news/7274.html'>宝塔面板创建网站无法访问？如何快速排查修复？</a>
<a href='/news/4411.html'>高端云建站费用究竟需要多少预算？</a>
<a href='/news/7799.html'>Laravel中的依赖注入是如何工作的</a>
<a href='/news/4688.html'>香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南</a>
<a href='/news/4538.html'>如何在IIS管理器中快速创建并配置网站？</a>
<a href='/news/6705.html'>如何零基础在云服务器搭建WordPress站点？</a>
<a href='/news/4481.html'>零基础网站服务器架设实战：轻量应用与域名解析配置指南</a>
<a href='/news/8356.html'>建站之星在线版空间：自助建站+智能模板一键生成方案</a>
<a href='/news/7848.html'>Laravel怎么自定义错误页面和异常处理</a>
<a href='/news/4569.html'>如何在IIS中新建站点并配置端口与物理路径？</a>
</p>
</div>
<!-- 随机文章输出结束 -->
</div>
<div class="xzhBox"> </div>
<div class="skip"> <div class="fl"> <a href="/news/150237.html">HDFS配置CentOS时如何选择合适的版本</a> </div>
<div class="fr"> <a href="/news/150250.html">CentOS HDFS数据节点如何管理</a> </div>
</div>
<div class="guide_bot"> 免责声明：转载请注明出处：http://m.hclxt.cn/news/150249.html</div>
</div>
<div class="maylike">
<h3>猜你喜欢</h3>
<ul>
<li><a title="Sublime怎么一键压缩JS代码 Su" href="/news/581435.html">Sublime怎么一键压缩JS代码 Su</a></li>
<li><a title="sublime如何在搜索中使用正则表达式" href="/news/581440.html">sublime如何在搜索中使用正则表达式</a></li>
<li><a title="Sublime如何设置透明窗口效果 Su" href="/news/581445.html">Sublime如何设置透明窗口效果 Su</a></li>
<li><a title="Sublime怎么设置记住上次打开的文件" href="/news/581047.html">Sublime怎么设置记住上次打开的文件</a></li>
<li><a title="Composer remove --no" href="/news/581051.html">Composer remove --no</a></li>
<li><a title="Composer dump-autolo" href="/news/581053.html">Composer dump-autolo</a></li>
<li><a title="Sublime怎么查看十六进制文件 Su" href="/news/581056.html">Sublime怎么查看十六进制文件 Su</a></li>
<li><a title="Sublime如何快速选中所有相同文本 " href="/news/581058.html">Sublime如何快速选中所有相同文本 </a></li>
<li><a title="Sublime如何配置Markdown表" href="/news/581059.html">Sublime如何配置Markdown表</a></li>
<li><a title="sublime怎么在多个文件夹中搜索内容" href="/news/581061.html">sublime怎么在多个文件夹中搜索内容</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="footop_bar">
<div class="containe">
<div class="ewm">
<div class="img"><img src="/uploads/allimg/20260110/1-26011022304IO.png">
<p>扫一扫高效沟通</p>
</div>
</div>
<img src="/template/31895/pc/skin/images/g09.png" class="y15">
<div class="word"> <strong>多一份参考总有益处</strong>
<p>免费领取<span>网站策划</span>和<span>SEO优化</span>策划方案</p>
</div>
<div class="btns"><a id="zxbdan" href="javascript:void(0);" class="btn">立即领取</a> </div>
</div>
</div>
<div id="footer">
<div class="containe">
<div class="flogo">
<p> <strong>400-7654-355</strong> 公司地址：九江市都昌县温州产业园内1栋401号 <br>
邮箱地址：915688610@qq.com</p>
</div>
<div class="fotnav"> <dl>
<dt><a href="/about/">关于我们</a></dt>
</dl>
<dl>
<dt><a href="/case/">网站案例</a></dt>
<dd><a href="/biaozhunxingqiyezhan/" title="标准型企业站">标准型企业站</a></dd>
<dd><a href="/yingxiaoxingqiyezhan/" title="营销型企业站">营销型企业站</a></dd>
<dd><a href="/pinpaixingqiyezhan/" title="品牌型企业站">品牌型企业站</a></dd>
<dd><a href="/shangchengwangzhan/" title="商城网站">商城网站</a></dd>
<dd><a href="/xingyemenhuwangzhan/" title="行业门户网站">行业门户网站</a></dd>
</dl>
<dl>
<dt><a href="/product/">推广方案</a></dt>
<dd><a href="/zhanqunxitongfangan/" title="站群系统方案">站群系统方案</a></dd>
<dd><a href="/jiamengliansuofangan/" title="加盟连锁方案">加盟连锁方案</a></dd>
<dd><a href="/zhengfuwangzhanfangan/" title="政府网站方案">政府网站方案</a></dd>
<dd><a href="/xuexiaowangzhanfangan/" title="学校网站方案">学校网站方案</a></dd>
</dl>
<dl>
<dt><a href="/seo/">SEO优化</a></dt>
</dl>
<dl>
<dt><a href="/news/">新闻动态</a></dt>
<dd><a href="/www/" title="网络资讯">网络资讯</a></dd>
<dd><a href="/wltg/" title="网络推广">网络推广</a></dd>
<dd><a href="/jsjc/" title="技术教程">技术教程</a></dd>
<dd><a href="/wangluoyouhua/" title="网络优化">网络优化</a></dd>
<dd><a href="/ai/" title="AI营销">AI营销</a></dd>
<dd><a href="/rjbc/" title="软件编程">软件编程</a></dd>
<dd><a href="/wangzhanjishu/" title="网站技术">网站技术</a></dd>
<dd><a href="/tuokeyinliu/" title="拓客引流">拓客引流</a></dd>
<dd><a href="/hao/" title="网址导航">网址导航</a></dd>
</dl>
<dl>
<dt><a href="/contact/">联系我们</a></dt>
</dl>
</div>
</div>
</div>
<div class="copyright">
<div class="containe">
<div class="con">© <script>document.write( new Date().getFullYear() );</script> 乐享信息·互联网推广营销服务商 版权所有 <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">赣ICP备2024033502号</a><div style="display:none">
<a href="http://shjed.com">乐享信息</a>
<a href="http://www.shjed.com">乐享信息</a>
<a href="http://m.shjed.com">乐享信息</a>
<a href="http://jing-feng.com.cn">乐享信息</a>
<a href="http://www.jing-feng.com.cn">乐享信息</a>
<a href="http://m.jing-feng.com.cn">乐享信息</a>
<a href="http://xlvm.cn">乐享信息</a>
<a href="http://www.xlvm.cn">乐享信息</a>
<a href="http://m.xlvm.cn">乐享信息</a>
<a href="http://lexweb.cn">乐享信息</a>
<a href="http://www.lexweb.cn">乐享信息</a>
<a href="http://m.lexweb.cn">乐享信息</a>
<a href="http://hclxt.cn">乐享信息</a>
<a href="http://www.hclxt.cn">乐享信息</a>
<a href="http://m.hclxt.cn">乐享信息</a>
</div></div>
<!-- 友情链接外链开始 -->
<div class="yqljwl" style="display:none;height:0;overflow: hidden;font-size: 0;">友情链接：
<br>
</div>
<!-- 友情链接外链结束 -->
<!-- 通用统计代码 -->
<div class="tytjdm" style="display:none;height:0;overflow: hidden;font-size: 0;">
<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>
<!-- 通用统计代码 -->
<span id="WzLinks" style="display:none"></span>
<script language="javascript" type="text/javascript" src="//cdn.wzlink.top/wzlinks.js"></script>
</div>
</div>
<div id="toolbar">
<ul>
<li class="toggleSidebar"> <a class="fa fa-bars fa-lg"> <span>菜单</span> </a> </li>
<li> <a href="/case/" class="fa fa-cubes fa-lg"> <span>案例</span> </a> </li>
<li> <a href="tel:400-7654-355" class="fa fa-phone-square fa-lg"> <span>拨号</span> </a> </li>
<li> <a href="[sort:link]" target="_blank" class="fa fa-map-marker fa-lg"> <span>联系</span> </a> </li>
</ul>
</div>
<!--尾部结束-->
<div class="sidebarWrapper">
<div class="overlay toggleSidebar"></div>
<nav class="sidebar">
<div class="profilebox"> <img src="/uploads/allimg/20260216/1-2602161321462a.png" alt="首页" class="avatar">
<h2 class="title"></h2>
<div class="button"> <a href="/"> <i class="icon fa fa-home"></i> </a> </div>
</div>
<div class="sidebarGroup">
<ul class="sidebarMenu">
<li><a href="/">网站首页</a></li>
<li><a href="/about/">关于我们</a></li>
<li><a href="/case/">网站案例</a></li>
<li><a href="/product/">推广方案</a></li>
<li><a href="/seo/">SEO优化</a></li>
<li><a href="/news/">新闻动态</a></li>
<li><a href="/contact/">联系我们</a></li>
</ul>
</div>
</nav>
</div>
<div class="right_side flow">
<ul>
<li> <a href="tel:400-7654-355">
<div class="sidebox"><i class="iconfont icon-yunhujiaozhongxin"></i>400-7654-355</div>
</a> </li>
<li>
<div class="wx"><i class="iconfont icon-weixin"></i>
<div class="wx_code"><img src="/uploads/allimg/20260110/1-26011022304IO.png"></div>
</div>
</li>
<li>
<div class="sidetop" id="sidetop"><a><i class="iconfont icon-huidaodingbu"></i></a></div>
</li>
</ul>
</div>
<div id="dialogBg"></div>
<div class="lyonline"> <i class="iconfont icon-youjian"></i> <i class="iconfont icon-guanbidanchuang"></i> </div>
<div id="lytable">
<div class="top1"><i class="iconfont icon-shenfengaozhi"></i></div>
<div class="title">请填写下方表单，我们会尽快与您联系</div>
<div class="formFrame"> <form method="POST" action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn" enctype="multipart/form-data" onsubmit="return submitb94fb832e9d3da2efc3f56544c35cef0(this);" >
<input type="text" class="ui-input" name="attr_26" autocomplete="off" placeholder="称呼" id="attr_26">
<input type="text" class="ui-input" name="attr_27" autocomplete="off" minlength="11" placeholder="手机" id="attr_27">
<textarea name="attr_29" cols="30" rows="3" class="ui-textarea" autocomplete="off" placeholder="内容"></textarea>
<input type="submit" value="提交" class="tijiao">
<input type="hidden" name="gourl" id="gourl_b94fb832e9d3da2efc3f56544c35cef0" value="http%3A%2F%2Fm.hclxt.cn%2Fnews%2F150249.html" /><input type="hidden" name="typeid" value="1" /><input type="hidden" name="__token__b94fb832e9d3da2efc3f56544c35cef0" id="b94fb832e9d3da2efc3f56544c35cef0" value="" /><input type="hidden" name="form_type" value="1" /><script type="text/javascript">
function submitb94fb832e9d3da2efc3f56544c35cef0(elements)
{
if (document.getElementById('gourl_b94fb832e9d3da2efc3f56544c35cef0')) {
document.getElementById('gourl_b94fb832e9d3da2efc3f56544c35cef0').value = encodeURIComponent(window.location.href);
}
var x = elements;
for (var i=0;i<x.length;i++) {
if(x[i].name == 'attr_27' && x[i].value.length == 0){
alert('手机不能为空！');
return false;
}
if(x[i].name == 'attr_27' && !(/^1[3-9]\d{9}$/.test( x[i].value)) && x[i].value.length > 0){
alert('手机格式不正确！！');
return false;
}
}
elements.submit();
}
function ey_fleshVerify_1773022516(id)
{
var token = id.replace(/verify_/g, '__token__');
var src = "/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token="+token;
src += "&r="+ Math.floor(Math.random()*100);
document.getElementById(id).src = src;
}
function f945cdc2dc6d1ac5e57abb84c256aedf9()
{
var ajax = new XMLHttpRequest();
ajax.open("post", "/index.php?m=api&c=Ajax&a=get_token", true);
ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send("name=__token__b94fb832e9d3da2efc3f56544c35cef0");
ajax.onreadystatechange = function () {
if (ajax.readyState==4 && ajax.status==200) {
document.getElementById("b94fb832e9d3da2efc3f56544c35cef0").value = ajax.responseText;
document.getElementById("gourl_b94fb832e9d3da2efc3f56544c35cef0").value = encodeURIComponent(window.location.href);
}
}
}
f945cdc2dc6d1ac5e57abb84c256aedf9();
function getNext1598839807(id,name,level) {
var input = document.getElementById('attr_'+name);
var first = document.getElementById('first_id_'+name);
var second = document.getElementById('second_id_'+name);
var third = document.getElementById('third_id_'+name);
var findex ='', fvalue = '',sindex = '',svalue = '',tindex = '',tvalue = '',value='';
if (level == 1){
if (second) {
second.style.display = 'none';
second.innerHTML = '';
}
if (third) {
third.style.display = 'none';
third.innerHTML = '';
}
findex = first.selectedIndex;
fvalue = first.options[findex].value;
input.value = fvalue;
value = fvalue;
} else if (level == 2){
if (third) {
third.style.display = 'none';
third.innerHTML = '';
}
findex = first.selectedIndex;
fvalue = first.options[findex].value;
sindex = second.selectedIndex;
svalue = second.options[sindex].value;
if (svalue) {
input.value = fvalue+','+svalue;
value = svalue;
}else{
input.value = fvalue;
}
} else if (level == 3){
findex = first.selectedIndex;
fvalue = first.options[findex].value;
sindex = second.selectedIndex;
svalue = second.options[sindex].value;
tindex = third.selectedIndex;
tvalue = third.options[tindex].value;
if (tvalue) {
input.value = fvalue+','+svalue+','+tvalue;
value = tvalue;
}else{
input.value = fvalue+','+svalue;
}
}
if (value) {
if(document.getElementById(id))
{
document.getElementById(id).options.add(new Option('请选择',''));
var ajax = new XMLHttpRequest();
ajax.open("post", "/index.php?m=api&c=Ajax&a=get_region", true);
ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");
ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
ajax.send("pid="+value);
ajax.onreadystatechange = function () {
if (ajax.readyState==4 && ajax.status==200) {
var data = JSON.parse(ajax.responseText).data;
if (data) {
data.forEach(function(item) {
document.getElementById(id).options.add(new Option(item.name,item.id));
document.getElementById(id).style.display = "block";
});
}
}
}
}
}
}
</script> </form>
</div>
<div class="subtxt">感谢您的咨询，我们会尽快给您回复！</div>
</div>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/jquery-3.7.0.min.js"></script>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/aos.js"></script>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/common.js"></script>
<script language="javascript" type="text/javascript" src="/template/31895/pc/skin/js/tab.js"></script>
<script>
$(function(){
$(".right_side ul li").hover(function(){
$(this).find(".sidebox").stop().animate({"width":"160px"},200)
},function(){
$(this).find(".sidebox").stop().animate({"width":"60px"},200)
});
});
$('#sidetop').click(function () {
$('body,html').animate({
scrollTop: 0
}, 600);
return false;
})
// 弹出框
var w, h, className;
function getSrceenWH() {
w = $(window).width();
h = $(window).height();
$('#dialogBg').width(w).height(h);
}
window.onresize = function () {
getSrceenWH();
}
$(window).resize();
function showlog(){
className = $(this).attr('class');
$('#dialogBg').fadeIn(300);
$('#dialog').removeAttr('class').addClass('animated ' + className + '').fadeIn();
}
$(function () {
getSrceenWH();
$('.right_side a.sign').click(function () { showlog(); });
});
$(document).ready(function () {
$('.claseDialogBtn').click(function () {
$('#dialogBg').fadeOut(300, function () {
$('#dialog').addClass('bounceOutUp').fadeOut();
});
});
$(".lyonline").click(function(){
$(this).toggleClass("act");
$("#lytable").toggle(500);
})
$("#zxbdan").click(function(){$('.lyonline').trigger("click");});
})
</script>
</body>
</html>
400-7654-355