| </td>
<td>定义文档的标题</td>
</tr>
<tr>
<td></td>
<td>包含可见的网页内容</td>
</tr>
</table>
<h2>CSS：网页样式的魔法师</h2>
<p>CSS，即层叠样式表，用于控制网页的样式和布局。它允许设计师自定义文本颜色、字体、背景、边框等。
<table>
<tr>
<th>CSS选择器</th>
<th>功能</th>
</tr>
<tr>
<td>元素选择器</td>
<td>选择所有指定类型的元素</td>
</tr>
<tr>
<td>类选择器</td>
<td>选择具有特定类的元素</td>
</tr>
<tr>
<td>ID选择器</td>
<td>选择具有特定ID的元素</td>
</tr>
</table>
<h2>实践案例：响应式网页设计</h2>
<p>随着移动设备的普及，响应式网页设计成为了趋势。</p><figure></figure></p>
<pre>
<p>这是我的个人网站，专注于分享设计和开发知识。</p>
</pre>
<p>掌握HTML和CSS是网页设计师的基本功。通过深入学习这些技术，你可以创造出既美观又实用的网页。记住，实践是检验真理的唯一标准，不断尝试和练习，你将在这个领域取得更大的成就。</p></p></p>
<hr class="tx-hr mb15">
<!-- 详情页标签输出开始 -->
<div class="xqbq" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>
# <a href="/tags/199.html" target="_blank" >这是</a>
# <a href="/tags/249.html" target="_blank" >自定义</a>
# <a href="/tags/258.html" target="_blank" >你可以</a>
# <a href="/tags/338.html" target="_blank" >在这个</a>
# <a href="/tags/654.html" target="_blank" >线上</a>
# <a href="/tags/750.html" target="_blank" >选择器</a>
# <a href="/tags/778.html" target="_blank" >文档</a>
# <a href="/tags/1502.html" target="_blank" >更大</a>
# <a href="/tags/16251.html" target="_blank" >网页设计</a>
# <a href="/tags/178002.html" target="_blank" >淘宝上的网站建设可信</a>
# <a href="/tags/322525.html" target="_blank" >网页</a>
# <a href="/tags/445407.html" target="_blank" >样式表</a>
# <a href="/tags/496023.html" target="_blank" >福建公司seo服务费</a>
# <a href="/tags/611567.html" target="_blank" >服尚编辑营销推广文案</a>
# <a href="/tags/632903.html" target="_blank" >企业seo网站营销推广</a>
# <a href="/tags/710097.html" target="_blank" >株洲网站建设的基本步骤</a>
# <a href="/tags/728116.html" target="_blank" >龙岩网站建设欢迎洽谈</a>
# <a href="/tags/912326.html" target="_blank" >大型网站有必要优化吗</a>
# <a href="/tags/921051.html" target="_blank" >广告推广营销工资多少钱</a>
# <a href="/tags/1069097.html" target="_blank" >注册推广的网站源码</a>
# <a href="/tags/1411048.html" target="_blank" >可靠的seo推广</a>
# <a href="/tags/1648517.html" target="_blank" >网站推广是什么原理</a>
# <a href="/tags/1694236.html" target="_blank" >网络营销推广的方案设计</a>
# <a href="/tags/2002316.html" target="_blank" >网站建设营销策略分析</a>
# <a href="/tags/2150113.html" target="_blank" >汉服营销与推广的区别</a>
# <a href="/tags/2268889.html" target="_blank" >网页设计师必备技能之一：掌握HTML/CSS基础</a>
# <a href="/tags/2268890.html" target="_blank" >构建网页结构及样式。</a>
# <a href="/tags/2268891.html" target="_blank" >嘉定区官网网站优化费用</a>
# <a href="/tags/2268892.html" target="_blank" >seo 优化教程</a>
# <a href="/tags/2268893.html" target="_blank" >怎样把网站推广到抖音</a>
# <a href="/tags/2268894.html" target="_blank" >博客活用seo引流</a>
# <a href="/tags/2268895.html" target="_blank" >朝阳网站建设哪家好</a>
# <a href="/tags/2268896.html" target="_blank" >品牌seo系统</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='on'>
网络推广 </a>】
【<a href='/jsjc/' class=''>
技术教程 </a>】
【<a href='/seo/' class=''>
SEO优化 </a>】
【<a href='/ai/' class=''>
AI营销 </a>】
【<a href='/rjbc/' class=''>
软件编程 </a>】
【<a href='/baidu/' class=''>
百度推广 </a>】
</p>
</div>
<!-- 相关栏目结束 -->
<!-- 随机文章输出开始 -->
<div class="sjwz" style="display:none;height:0;overflow: hidden;font-size: 0;">
<p><br>相关推荐：
<a href='/news/1143.html'>重庆市开州互联网营销培训，重庆互联网培训机构哪家强？,新乡封丘seo优化</a>
<a href='/news/1242.html'>森林王国神秘失踪，它究竟去了哪里？,福州seo公司推荐11火星</a>
<a href='/news/1853.html'>优化公司流程，如何提升效率与效益？,蚌埠网络推广seo优化公司</a>
<a href='/news/2882.html'>阜阳互联网营销宝盟，新玩法，你get了吗？,德州抖音seo销拓</a>
<a href='/news/5861.html'>湖北理工，双星闪耀，谁将引领未来？,沾益网站优化怎么做</a>
<a href='/news/5836.html'>互联网时代品牌营销策略：如何打造爆款产品？,抖音搜索seo平哥</a>
<a href='/news/5454.html'>嵌入核心词，百度推广溢价如何翻倍？,seo和外链区别</a>
<a href='/news/1626.html'>网店营销策略：关键词优化，如何提升搜索排名？,崇川区网站优化与推广</a>
<a href='/news/6534.html'>旅游企业互联网营销，如何打造爆款产品？,舟山抖音seo价格多少</a>
<a href='/news/6044.html'>宝鸡双网SEO营销，如何提升宝鸡互联文化传媒有限公司的知名度？,专业网站seo优化效果</a>
<a href='/news/6243.html'>刷百度，双倍效率，如何快速找到你想要的？,焦作企业网站排名优化</a>
<a href='/news/5907.html'>磁力搜索神器，你找到过吗？,谷歌优化的网站叫什么</a>
<a href='/news/1303.html'>嘉兴SEO优化未来：趋势与挑战并存，如何突破？,信宜网站排名优化</a>
<a href='/news/5567.html'>品牌新篇章，公关策略如何引领潮流？,新市区seo优化</a>
<a href='/news/1984.html'>什么是百度指数？如何有效提升百度指数？,网站关键词优化定制工具</a>
<a href='/news/1721.html'>油烟机，告别油烟困扰？如何轻松烹饪？,什么叫网站关键词优化</a>
<a href='/news/6780.html'>白色百合：纯洁无瑕，你是我心中的天使吗？,网站优化软件xialafa</a>
<a href='/news/6929.html'>双生花语：爱情永恒，你懂花语吗？,seo优化放心省心</a>
<a href='/news/2187.html'>网络营销方案实施：关键词策略解析，如何提升转化率？,怎么培养seo</a>
<a href='/news/2053.html'>首届互联网营销大赛，双11狂欢背后的秘密？,宁波seo站外优化技巧</a>
<a href='/news/1204.html'>安徽SEO技术全解：关键词优化，如何提升网站排名？,dns对seo的影响</a>
<a href='/news/1478.html'>汕头SEO优化培训，哪家机构口碑好？,福建seo排名样式</a>
<a href='/news/5335.html'>Apex巅峰，谁将问鼎？速来一探究竟！,城南抖音seo优化企业</a>
<a href='/news/2313.html'>聊城网站推广，如何巧用SEO策略应对竞争？,SEo工具 rah</a>
<a href='/news/2330.html'>SEO3分子双键结构，如何优化搜索引擎排名？,网站外链优化交换链接</a>
<a href='/news/1863.html'>AI赋能，内容安全如何精准识别？,宁夏seo推广咨询</a>
<a href='/news/1631.html'>优化企业资本结构，如何实现风险与收益的平衡？,潍坊短|视频|seo品牌公司</a>
<a href='/news/7168.html'>淘宝权重原理：关键词优化，如何提升排名？,SEO优化的论文</a>
<a href='/news/2421.html'>西藏互联网营销师培训，哪家机构更专业？,苏州抖音seo营销培训</a>
<a href='/news/7093.html'>康乃馨11朵，双数寓意，19朵，是爱意还是另有深意？,网站建设优化重庆</a>
<a href='/news/7138.html'>湖州SEO优化，关键词+疑问，提升排名秘诀？,网络seo公司哪家好</a>
<a href='/news/6472.html'>温州SEO案例分析：成功网站关键词策略，如何脱颖而出？,建湖网站优化排名</a>
<a href='/news/1319.html'>兴义互联网营销方案：精准定位，如何提升品牌影响力？,SEO方案总结</a>
<a href='/news/5654.html'>精准定位，高效传播：泰州网站推广策略，如何打造爆款？,搜到网站优化</a>
<a href='/news/1078.html'>高效单页制作，如何快速吸引客户？,湛江seo数据分析</a>
<a href='/news/2055.html'>宁德SEO优化，如何提升网站点击率？,优化兵器谱网站有哪些软件</a>
<a href='/news/2007.html'>SEO费用低？揭秘低成本网站优化秘诀！,北京seo 宜秉网络</a>
<a href='/news/1407.html'>揭秘：互联网裂变营销，如何引爆用户增长？,南通seo公司联系13火星</a>
<a href='/news/1580.html'>夜息香，何故夜深人静时才弥漫？,保山专业的抖音seo</a>
<a href='/news/1092.html'>双核科技，域名何去何从？,天津seo服务有哪些</a>
<a href='/news/7012.html'>微店推广：如何精准定位目标客户？,企业关键词自然排名公司</a>
<a href='/news/2938.html'>小程序助手，揭秘开发奥秘？,厦门seo顾问</a>
<a href='/news/5556.html'>提升品牌知名度！泰州SEO服务，如何快速抢占市场先机？,seo公司下拉唯</a>
<a href='/news/6293.html'>北上广深领跑2021，哪些新秀城市崛起？,酒店seo怎么写软文</a>
<a href='/news/2046.html'>乙方精英入驻甲方，携手共创辉煌？,竞价排名seo术语</a>
<a href='/news/2657.html'>岳阳互联网营销电话，如何提升企业品牌影响力？,意大利网站搜索引擎优化</a>
<a href='/news/1686.html'>互联网营销，如何提升品牌影响力？,徐州高端网站优化报价</a>
<a href='/news/2775.html'>江阴企业网站文章：节能环保技术，如何引领行业新潮流？,河南seo排名哪个便宜</a>
<a href='/news/5488.html'>英雄联盟版本更新，新英雄技能如何？,什么程序适合做seo</a>
<a href='/news/6582.html'>双360，搜索核心，你想要的答案，问我就知道？,南京静态网站模板优化</a>
</p>
</div>
<!-- 随机文章输出结束 -->
</div>
<div class="xzhBox"> </div>
<div class="skip"> <div class="fl"> <a href="/news/306884.html">政府危机公关？郑州美莱医疗美容医院被指收黑钱，真相究竟如何？</a> </div>
<div class="fr"> <a href="/news/306900.html">网络公关如何转型短视频营销？城外圈分策略揭秘！,搜索优化se</a> </div>
</div>
<div class="guide_bot"> 免责声明：转载请注明出处：http://www.sczxchw.cn/news/306891.html</div>
</div>
<div class="maylike">
<h3>猜你喜欢</h3>
<ul>
<li><a title="如何制定网站优化方案，提升网站流量和排名" href="/news/591447.html">如何制定网站优化方案，提升网站流量和排名</a></li>
<li><a title="学习杭州SEO排名，能让我网站快速提升流" href="/news/591451.html">学习杭州SEO排名，能让我网站快速提升流</a></li>
<li><a title="学习锦州seo教程，能快速提升我的网站排" href="/news/591454.html">学习锦州seo教程，能快速提升我的网站排</a></li>
<li><a title="AI写作在线，开启高效创作新时代？" href="/news/591458.html">AI写作在线，开启高效创作新时代？</a></li>
<li><a title="AI赋能写作，如何轻松创作？" href="/news/591461.html">AI赋能写作，如何轻松创作？</a></li>
<li><a title="优化，网站曝光翻倍，如何做到？" href="/news/591465.html">优化，网站曝光翻倍，如何做到？</a></li>
<li><a title="学习生物网站优化方法，如何提升网站流量和" href="/news/591468.html">学习生物网站优化方法，如何提升网站流量和</a></li>
<li><a title="智能助力，开启创作新篇章，如何突破写作瓶" href="/news/591471.html">智能助力，开启创作新篇章，如何突破写作瓶</a></li>
<li><a title="永安网站优化公司排名如何提升我的网站流量" href="/news/591473.html">永安网站优化公司排名如何提升我的网站流量</a></li>
<li><a title="AI写作，一键生成电子版？秘诀何在？" href="/news/591476.html">AI写作，一键生成电子版？秘诀何在？</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-9888-660</strong> 公司地址：内江市东兴区科技孵化器8楼6-1号 <br>
邮箱地址：vip@sczxchw.cn</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="/jiejuefangan/">推广方案</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="/seoyouhua/">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="/seo/" title="SEO优化">SEO优化</a></dd>
<dd><a href="/ai/" title="AI营销">AI营销</a></dd>
<dd><a href="/rjbc/" title="软件编程">软件编程</a></dd>
<dd><a href="/baidu/" 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备2024086403号</a><div style="display:none">
<a href="http://sunyizhen.cn">宜昌市隼壹珍商贸有限公司</a>
<a href="http://www.sunyizhen.cn">宜昌市隼壹珍商贸有限公司</a>
<a href="http://peijia1.cn">宜昌市隼壹珍商贸有限公司</a>
<a href="http://www.peijia1.cn">宜昌市隼壹珍商贸有限公司</a>
<a href="http://yuanminjixie.com">宜昌市隼壹珍商贸有限公司</a>
<a href="http://www.yuanminjixie.com">宜昌市隼壹珍商贸有限公司</a>
<a href="http://ivua.cn">宜昌市隼壹珍商贸有限公司</a>
<a href="http://www.ivua.cn">宜昌市隼壹珍商贸有限公司</a>
<a href="http://syzsm.cn">宜昌市隼壹珍商贸有限公司</a>
<a href="http://www.syzsm.cn">宜昌市隼壹珍商贸有限公司</a>
</div>
<div style="display:none">
<a href="http://zxyxch.cn">内江振祥营销策划有限公司</a>
<a href="http://www.zxyxch.cn">内江振祥营销策划有限公司</a>
<a href="http://sczxch.cn">内江振祥营销策划有限公司</a>
<a href="http://www.sczxch.cn">内江振祥营销策划有限公司</a>
<a href="http://njzxch.cn">内江振祥营销策划有限公司</a>
<a href="http://www.njzxch.cn">内江振祥营销策划有限公司</a>
<a href="http://zhenxiangch.cn">内江振祥营销策划有限公司</a>
<a href="http://www.zhenxiangch.cn">内江振祥营销策划有限公司</a>
<a href="http://qxmr88.cn">内江振祥营销策划有限公司</a>
<a href="http://www.qxmr88.cn">内江振祥营销策划有限公司</a>
<a href="http://sczxchw.cn">内江振祥营销策划有限公司</a>
<a href="http://www.sczxchw.cn">内江振祥营销策划有限公司</a>
<a href="http://easydzh.cn">内江振祥营销策划有限公司</a>
<a href="http://www.easydzh.cn">内江振祥营销策划有限公司</a>
<a href="http://zxadw.cn">内江振祥营销策划有限公司</a>
<a href="http://www.zxadw.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-9888-660" 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/20260115/1-260115231A6353.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="/jiejuefangan/">推广方案</a></li>
<li><a href="/seoyouhua/">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-9888-660">
<div class="sidebox"><i class="iconfont icon-yunhujiaozhongxin"></i>400-9888-660</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 submit7ff1ae402c422c190d9bf7cccda15ae9(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_7ff1ae402c422c190d9bf7cccda15ae9" value="http%3A%2F%2Fwww.sczxchw.cn%2Fnews%2F306891.html" /><input type="hidden" name="typeid" value="1" /><input type="hidden" name="__token__7ff1ae402c422c190d9bf7cccda15ae9" id="7ff1ae402c422c190d9bf7cccda15ae9" value="" /><input type="hidden" name="form_type" value="1" /><script type="text/javascript">
function submit7ff1ae402c422c190d9bf7cccda15ae9(elements)
{
if (document.getElementById('gourl_7ff1ae402c422c190d9bf7cccda15ae9')) {
document.getElementById('gourl_7ff1ae402c422c190d9bf7cccda15ae9').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_1776188125(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__7ff1ae402c422c190d9bf7cccda15ae9");
ajax.onreadystatechange = function () {
if (ajax.readyState==4 && ajax.status==200) {
document.getElementById("7ff1ae402c422c190d9bf7cccda15ae9").value = ajax.responseText;
document.getElementById("gourl_7ff1ae402c422c190d9bf7cccda15ae9").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-9888-660 