第一范文网 - 专业文章范例文档资料分享平台

网页设计面试题目

来源:用户分享 时间:2025/7/10 8:33:41 本文由loading 分享 下载这篇文档手机版
说明:文章内容仅供预览,部分内容可能不全,需要完整文档或者需要复制内容,请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ:xxxxxx 处理(尽可能给您提供完整文档),感谢您的支持与谅解。

一.HTML常用的标签 ..................................................................................................... 1 二。标签的定义与用法 ........................................................................... 5 三。块级元素和行内元素都有哪些 ............................................................................... 5 四。你真的了解HTML吗 ............................................................................................. 6 五。介绍所知道的CSS hack技巧(如:_, *, +, \\9, !important 之类) ........... 6 六。介绍CSS盒模型 .................................................................................................... 11 七。CSS层叠是什么?介绍一下 ................................................................................... 12 八。都知道哪些CSS浏览器兼容性问题 .................................................................... 12 九。CSS3都有哪些新内容 ........................................................................................... 14 十。CSS3有什么效果可以实现的 ............................................................................... 14

一.HTML常用的标签

1、文本标签 加粗 打印机字体标签

原样输出  强调输出斜体显示  加粗  字体标签 color:控制字体的颜色 size:控制字体的大小  斜体显示  下划线  上标  下标 2、段落标签(自动换行)  

属性:align=left | center | right 3、换行标签

属性:color=''; width= n px ;size= n px(不是height); 4、列表标签 a)普通列表
列表标题
列表项

b)无序列表//ul type=circle disc square

  • 列表项
  • 列表项
  • 列表项
c)有序列表 type= a A I i 1 circle disc square
  1. 列表项
  2. 列表项
  3. 列表项

5、图片和链接标签 图片:图片没有加载完成是显示的文字 链接:链接的文本 target:链接打开的位置_blanck _self _parent _top 返回 6、地图标签 地图标签是基于图片的

7、行内修饰符标签 8、实体字符 在html中具有特殊含义的字符,例如常见的空格,< > & &#数字; 或者&实体字符名称的; 例如: 空格 " # ' \空格 9、html注释 10、绝对路径与相对路径 绝对路径:文件的物理路径(即资源管理器上的路径) 相对路径:相对于本页面的路径 /代表根目录 ./代表当前目录 ../代表父级目录 ./../../代表当前目录的父目录的父目录 11、布局标签 1、table 2、iframe 3、frameset、noframeset

4、div(专门学习) 表格标签

显示的内容
属性: border 边框 bgcolor 表格的背景颜色 bordercolor 边框的颜色 cellspacing 单元格之间的距离 cellpaddig 单元格内容与边框之间的距离 width 表格的宽度 height 表格的高度 valign 垂直位置 top|bottom|middle align 水平位置 right|left|center colspan 和并列 rowspan 合并行 frameset标签 frameset实例 <body> <p>您的浏览器不支持框架,请更新您的浏览器</p> </body> <noframes> </frameset> </html> iframe标签 <html> <head> <title>frameset实例</title> </head> <body> <iframe src='文件名路径' width='' height='' scrolling allowTransparency=''><iframe> </body> </html> </p><p> </p><p>frameborder='0px' </p><p>12、居中标签 <center></center> 13、表单标签 <form action='处理表单的数据的页面' enctype='表单数据的编码形式' method='上传数据的方法'> </form> enctype:3中形式 a)multipart/form-data 文件上传必须的 b)text/plain 纯文本形式上传 c)application/x-www-form-urlencoded 经过url编码后上传 method:2中方法 get:我所有数据通过地址栏 post:表单数据通过协议传递 1、<input type='text' size='用户输入的字符个数' maxlength='用户输入的最大个数' /> type: password:密码框 file:文件上传 submit:确定按钮 button:按钮 reset:重置按钮 radio:当选按钮 checkbox:复选按钮 image:图片按钮(同时传递XY轴坐标) hidden:隐藏域,通常用于传递默认值 2、<select></select>下拉列表 <option></option> <option></option>(位于select标签中间) <optgroup></optgroup>(位于select标签中间) 属性:size下拉框的大小 multiple:是否可以多选 option的属性:selected(下拉列表的默认值) value:下拉表的实际值\\ 3、<label></label>文本标签 4、<textarea><textarea> 属性:cols代表列 rows:代表行 5、fieldset标签(写在form标签的外部) <fieldset> <legend>标题<legend> </fieldset> </p><p> </p><p> </p><p> </p><p>二。<!DOCTYPE>标签的定义与用法 </p><p> </p><p><!DOCTYPE html> </p><p>作用就是加了这行网页按xhtml解析,不加则是按html解析。 </p><p>三。块级元素和行内元素都有哪些 </p><p> </p><p>块级元素(block element) div -最常用的块级元素 </p><p>dl - 和dt dd搭配使用的块级元素 form - 交互表单 h1 - 大标题 hr - 水平分隔线 ol - 排序表单 p - 段落 </p><p>ul - 非排序列表 </p><p>内联元素(inline element) a - 锚点 </p><p>b - 粗体(不推荐) br - 换行 em - 强调 </p><p>font - 字体设定(不推荐) i - 斜体 img - 图片 input - 输入框 label - 表格标签 select - 项目选择 small - 小字体文本 </p><p>span - 常用内联容器,定义文本内区块 strike - 中划线 strong - 粗体强调 sub - 下标 sup - 上标 </p><p>textarea - 多行文本输入框 tt - 电传文本 u - 下划线 </p><p> </p><p></p><div class="page"><ul><li><a href=c53xk63wo911qw0b8dn6k_1.html class="hover" >1</a></li><li><a href=c53xk63wo911qw0b8dn6k_2.html>2</a></li><li><a href=c53xk63wo911qw0b8dn6k_3.html>3</a></li></ul></div> <script type="text/javascript">s("content-body-bot");</script> </div> <div class="search-more">搜索更多关于: <a class="title2" title="网页设计面试题目" href="sp5du45rlqrkxtwirmdu54nhq_1.html">网页设计面试题目</a> 的文档</div> <div class="down-word"> <div class="word-ico"></div> <div class="word-tit"> <span class="docx" id="82f1a66425c52cc58bd6be9c">网页设计面试题目.doc</span> <span>将本文的Word文档下载到电脑,方便复制、编辑、收藏和打印</span> <span><script type="text/javascript">s("content-down");</script></span> </div> <div class="word-pic"><a rel="nofollow" href="javascript:;">下载这篇word文档</a></div> </div> <div class="show-url">本文链接:<a href="">https://www.diyifanwen.net/c53xk63wo911qw0b8dn6k_1.html</a>(转载请注明文章来源)</div> <script type="text/javascript">s("content-bot");</script> <div class="block7"> <p> 相关推荐: </p> <ul class="box"> <li><a title="《幼儿园管理》练习题(附答案)2015" href=c60kma0rn0x9da6b52ivq_2.html>《幼儿园管理》练习题(附答案)2015</a></li><li><a title="江苏高考英语3500词汇读练测精品系列(原卷版) (11)" href=c5a4422sh0k3gznb0gt563y3j84vsq000afb_1.html>江苏高考英语3500词汇读练测精品系列(原卷版) (11)</a></li><li><a title="语文中考漫画练习题之欧阳地创编" href=c179b09q5v99bpag891bi6tck19hpxv003hj_1.html>语文中考漫画练习题之欧阳地创编</a></li><li><a title="六字大明咒修法法本" href=c3msds6ny0j2r4yi9c25z_5.html>六字大明咒修法法本</a></li><li><a title="网页设计面试题目" href=c53xk63wo911qw0b8dn6k_1.html>网页设计面试题目</a></li><li><a title="幼儿园活动设计与指导教学大纲" href=c0h9uf1j30s79ew80o94h77xpo584e200qxt_1.html>幼儿园活动设计与指导教学大纲</a></li><li><a title="2015年上半年天津高级主治医师(骨外科学)考试试题" href=c2x1q46v86h7e16g2f5026bod04q39t00ozh_1.html>2015年上半年天津高级主治医师(骨外科学)考试试题</a></li><li><a title="2019年房地产估价师《理论与方法》试题及答案(卷三)" href=c4j7pv4387u7f2vc1v0ey6gjog0oh7b0065s_7.html>2019年房地产估价师《理论与方法》试题及答案(卷三)</a></li><li><a title="最新小学人美版美术六年级下册第3课装饰色彩公开课教学设计" href=c1cs1s6pnpo1symv1jox557eja0pqs3006j5_1.html>最新小学人美版美术六年级下册第3课装饰色彩公开课教学设计</a></li><li><a title="XRD实验物相定性分析解析" href=c669z26o7dy9kfa2517te4mn0g1mmhw00jlk_2.html>XRD实验物相定性分析解析</a></li><li><a title="创先争优从我们做起--公司员工创先争优演讲稿" href=c4zkt5441ji072ie1yi364bptb11wxs00mcu_1.html>创先争优从我们做起--公司员工创先争优演讲稿</a></li><li><a title="领导与执行-学员讲义" href=c86dfi940cw2v3bv3zrhl_11.html>领导与执行-学员讲义</a></li><li><a title="奢侈品、知名服装品牌logo大全、国内品牌服装" href=c0h48l5w46h7e16g2f5026bod04q32p00oyr_1.html>奢侈品、知名服装品牌logo大全、国内品牌服装</a></li><li><a title="《上海市服务业发展引导资金项目申报指南(2020-2021年)》" href=c3fmph0vibp97tl37kuug5o77k30e8m00qos_1.html>《上海市服务业发展引导资金项目申报指南(2020-2021年)》</a></li><li><a title="钢芯铝绞线参数" href=c4mjf5125ue0fvqv4zj1e_1.html>钢芯铝绞线参数</a></li><li><a title="重庆十一中2019届高三月考试卷(1 4)含答案" href=c08r9j0fcje5ap1c1kzfj507xn0uyq600qkw_2.html>重庆十一中2019届高三月考试卷(1 4)含答案</a></li><li><a title="深基坑专项施工方案5(完整版)" href=c3v3hf4c5be52amw9lhr375cln2z0hr008do_4.html>深基坑专项施工方案5(完整版)</a></li><li><a title="2011版新电业安全工作规程(热力和机械部分)题库[1]" href=c1hp1h5t0328mpoi7oh4m_8.html>2011版新电业安全工作规程(热力和机械部分)题库[1]</a></li><li><a title="《数控加工中心操作与加工》" href=c6e7a20pn3c5o77k30e8m0fvqu4yw9b00ph4_1.html>《数控加工中心操作与加工》</a></li><li><a title="试验仪器设备期间核查作业指导书" href=c3ym6h9bckk4oweh0piw9_10.html>试验仪器设备期间核查作业指导书</a></li> <li><a href="https://www.05166.com/" title="六六文库" target="_blank">六六文库网</a></li><li><a href="/cidian/" title="第一汉语词典" target="_blank">第一汉语词典</a></li><li><a href="/chengyu/" title="第一成语大全" target="_blank">第一成语大全</a></li><li><a href="/gushici/" title="第一古诗词大全" target="_blank">第一古诗词大全</a></li> </ul> </div> </div> </div> <div class="right_1"> <div class="u_2"><script type="text/javascript">s("right-1");</script></div> <div class="region2 u_2"> <div class="t_1">综合文库</div> <ul class="menu"> <li><a href="/wenku/youer/">幼儿教育</a></li> <li><a href="/wenku/xiaoxue/">小学教育</a></li> <li><a href="/wenku/gaozhongjiaoyu/">高中教育</a></li> <li><a href="/wenku/chuzhong/">初中教育</a></li> <li><a href="/wenku/gaodengjiaoyu/">高等教育</a></li> <li><a href="/wenku/waiyuxuexi/">外语学习</a></li> <li><a href="/wenku/zigekaoshirenzheng/">资格考试认证</a></li> <li><a href="/wenku/jiaoxueyanjiu/">教学研究</a></li> <li><a href="/wenku/renwensheke/">人文社科</a></li> <li><a href="/wenku/jingguanyingxiao/">经管营销</a></li> <li><a href="/wenku/gongchengkeji/">工程科技</a></li> <li><a href="/wenku/ITjisuanji/">IT计算机</a></li> <li><a href="/wenku/zirankexue/">自然科学</a></li> <li><a href="/wenku/yiyaoweisheng/">医药卫生</a></li> <li><a href="/wenku/nonglinmuyu/">农林牧渔</a></li> <li><a href='/wenku/zonghe/' class='on'>综合文库</a></li> <div class="clear"> </div> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 最新文档 </div> <ul class="block3 u_1"> <li><a title="六年级下册英语第二单元教案" href=c5d3xj5q7jz9epjx24qwd4i6jo0x1tb0129u_2.html>六年级下册英语第二单元教案</a></li><li><a title="循环系统练习题(含答案)" href=c063f85nuft6rgfl162cd_8.html>循环系统练习题(含答案)</a></li><li><a title="深基坑专项施工方案5(完整版)" href=c3v3hf4c5be52amw9lhr375cln2z0hr008do_4.html>深基坑专项施工方案5(完整版)</a></li><li><a title="部编人教版小学数学三年级下册全册单元及期中期末检测试题(含答案)" href=c1hz383snjp9bpag891bi6tck19hq4z003f4_2.html>部编人教版小学数学三年级下册全册单元及期中期末检测试题(含答案)</a></li><li><a title="《基因工程原理》期末复习思考题" href=c8j1un7rg5h555jc3wygy_1.html>《基因工程原理》期末复习思考题</a></li><li><a title="高中化学教研组工作计划5篇.doc" href=c27w1i7ckqd9lpyv23wwc1symv1jox5007a9_4.html>高中化学教研组工作计划5篇.doc</a></li><li><a title="内东乡镇卫生院周转宿舍建设项目可行性研究报告" href=c3egbn2dgaj9vfqw3dfqm_2.html>内东乡镇卫生院周转宿舍建设项目可行性研究报告</a></li><li><a title="财务管理案例分析(doc 22页)" href=c7rgv57cpoe5nrap1rg1l036aw5tvxo00xot_1.html>财务管理案例分析(doc 22页)</a></li><li><a title="1#、2#楼分户验收专项施工方案" href=c1pt3o5wr371ujtp7zqyg25ui718xn3018xq_4.html>1#、2#楼分户验收专项施工方案</a></li><li><a title="2018年自考试题《机械制造基础》试题及答案" href=c9arb87f6nf6tzp834d3b207lq1bb5x01egi_1.html>2018年自考试题《机械制造基础》试题及答案</a></li> </ul> </div> <div class="region2 u_2"> <div class="t_1"> 热门推荐 </div> <div class="block3"> <script type="text/javascript">s("right-2");</script> </div> </div> <div class="region2 u_2"> <div class="t_1"> 热门排行 </div> <ul class="block1"> <li><a title="20春西交《英语3(新录)》在线作业答案090" href="s01e01ck6dr5rfj89hmpv5rn101f014k34itx0159hnh7sp1bfocffeod0klk01c01l01c_1.html">20春西交《英语3(新录)》在线作业答案090</a></li><li><a title="优选医院设备科工作规划3篇" href="sfmgsg9gfvtperlqhl3o29ijpfocr7og7m01fog7_1.html">优选医院设备科工作规划3篇</a></li><li><a title="参观监狱警示教育心得体会" href="sgjmr7mngxmpdrjany2k0ppf6iwzivrfo3fmi_1.html">参观监狱警示教育心得体会</a></li><li><a title="学前教育专业个人实习总结例文" href="si1yg99k0ppf6ff7ffeffufjui3ifhcj0bp1vfpnk1z_1.html">学前教育专业个人实习总结例文</a></li><li><a title="(完整word版)人教版四年级语文下册第一单元测试题" href="s014i30k1g03b03303602smko015fjuk0pmkoh5ninop0nrn1k1zfezg3wobwfeogglg1vll7rmdu54_1.html">(完整word版)人教版四年级语文下册第一单元</a></li><li><a title="天然气站泄漏、火灾事故应急预案演练记录" href="shm1md2lcko9llhglxr9hdm7fm7yfijk05iokizpu4kklklxwp1frlcitx_1.html">天然气站泄漏、火灾事故应急预案演练记录</a></li><li><a title="anwen/sanwen/s01e01c01e01c6c40" href="s02p03203b02t03201b03702p03203b02t03201b03701c01d02t01c01d02r01c01d02t01c01d02r01i02r01g01c_1.html">anwen/sanwen/s01e01c01e</a></li><li><a title="anwen/jingdiansanwen/skjrg5ifm" href="s02p03203b02t03201b02y02x03202v02s02x02p03203702p03203b02t03201b03702z02y03602v01h02x02u031_1.html">anwen/jingdiansanwen/sk</a></li><li><a title="初中化学教学中对“元素观、结构观、守恒观 ”培养研究000" href="sg7xffxgeui1yk0pi1yffxi616ccg1vopsr7m9hdp1vkg4r7m9hdi2wj0yr7m00w6cdhdlg3fnpwo6u01c01c01c_1.html">初中化学教学中对“元素观、结构观、守恒观 ”培</a></li><li><a title="《幼儿园管理》练习题(附答案)2015" href="s9hminwg1rh65of5mx29hnp1ffhcu54014tokod0klk01501e01c01d01h_1.html">《幼儿园管理》练习题(附答案)2015</a></li> </ul> </div> <div class="u_2"><script type="text/javascript">s("right-3");</script></div> </div> <div class="clear"> </div> </div> <div class="sidebar word-pic"><a href="javascript:;" class="copy-fullpage"><span>一键复制全文</span></a><a href="javascript:;" class="sidedown dl-link"><span>下载文档</span></a></div> <!-- <div class="theme-popover"> <div class="theme-poptit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>游客快捷下载通道</b>(下载后可以自由复制和排版) </div> <div class="theme-popbod dform"> <div class="pay-inf"> <div class="guest"> <div class="pay-tit">单篇付费下载</div> <div class="pay-price">限时特价:<b>10 元/份</b> <em>原价:20元</em></div> <div class="pay-select"><span class="pay1"><img src="/style/images/wxpay.jpg" class="over"></span></div> <div class="guest-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> <div class="vip-pay"> <div class="wxpay"><a href="javascript:;">微信支付并下载</a></div> </div> <div class="service"><a href="javascript:;">联系客服</a></div> </div> <div class="vip"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价:<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto" id="vip-buy"><a href="javascript:;">注册开通VIP</a></div> </div> <div class="vip-up"> <div class="pay-tit">VIP包月下载</div> <div class="pay-price">特价:<b>29 元/月</b> <em>原价:99元</em></div> <div class="pay-viptip">低至<b> 0.3 元/份</b> 每月下载<b>150</b>份 <br>全站内容免费自由复制</div> <div class="pay-vipto"><a href="/user/index.php">马上升级VIP</a></div> </div> <div class="pay-tips">注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。<br>微信:fanwen365 QQ:370150219</div> </div> </div> </div> --> <!-- <div class="service-box"> <div class="service-tit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>常见问题</b>(客服时间:周一到周五 9:30-18:00) </div> <ul> <li><div class="service-que">1、支付成功后,为何无法下载内容?</div><div class="service-ans">付费后下载不了,请核对下微信账单信息,确保付费成功;已付费成功了还是下载不了,有可能是电脑的浏览器兼容性问题或者手机机型不支持的问题。</div></li> <li><div class="service-que">2、付费后能否更换浏览器或者清理浏览器缓存后进行下载操作?</div><div class="service-ans">更换浏览器或者清理浏览器缓存会导致下载不成功,请不要更换浏览器和清理浏览器缓存。</div></li> <li><div class="service-que">3、如何联系客服?</div><div class="service-ans">打开微信扫描下方二维码,请及时联系客服解决。<br>QQ咨询:370150219 <a target="_blank" href="https://wpa.qq.com/msgrd?v=3&amp;uin=370150219&amp;site=qq&amp;menu=yes"><img border="0" src="https://pub.idqqimg.com/qconn/wpa/button/button_111.gif" alt="点击这里给我发消息" title="点击这里给我发消息"></a>,请把【付款记录详情】截图给客服,同时把您购买的文章【网址】发给客服。客服会在24小时内把文档发送给您。<img src="https://www.diyifanwen.net/style/images/wxkf.jpg" style="display: block;width:150px;margin:auto;"></div></li> </ul> </div> --> <!-- <div class="codelogin-box"> <div class="codelogin-tit"> <a href="javascript:;" title="关闭" class="close">×</a> <b>微信扫码登录</b>(打开手机微信扫一扫) </div> <span id="codeLogin"></span> </div> --> <div class="codelogin-mask"></div> <div class="service-mask"></div> <div class="theme-popover-mask"></div> <div class="theme-popover-mask"></div> <script type="text/javascript"> $(".pay1 img").click(function () { $(".wxpay").css("display", "block"); $(".alipay").css("display", "none"); $(".pay1 img").addClass("over"); $(".pay2 img").removeClass("over"); }); $(".pay2 img").click(function () { $(".wxpay").css("display", "none"); $(".alipay").css("display", "block"); $(".pay1 img").removeClass("over"); $(".pay2 img").addClass("over"); }); </script> <script type="text/javascript"> $(document).ready(function ($) { $(".word-pic a").click(function () { location.href = '/d.asp?id=53xk63wo911qw0b8dn6k&p=1' // $(".theme-popover-mask").fadeIn(200); // $(".theme-popover").slideDown(200); // $.ajax({ // type: "POST", // dataType: "json", // url: "/user/check_rank.php", // data: {"aid": "{dede:field.id/}"}, // async: false, // success: function (data, textStatus, jqXHR) { // location.href = '/d.asp?id=53xk63wo911qw0b8dn6k&p=1' // if (data.code === "2") { // //游客 // $(".vip-up").hide(); // $(".vip-pay").hide(); // var downid = "{dede:field.id/}" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=wx&aid="; // payurl = payurl.replace("payment", "youke"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_pay_tz.php?payway=ali&aid="; // payurl = payurl.replace('payment', 'youke'); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "3") { // $(".theme-popover .theme-poptit b").text("会员快捷下载通道"); // //注册会员 // $(".guest-pay").hide(); // $(".vip").hide(); // $(".vip-pay").show(); // $(".vip-up").show(); // var downid = "{dede:field.id/}" // $(".wxpay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=2&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // $(".alipay a").click(function(){ // var payurl = "/hupipay/payment_get.php?version=1.1&paymethod=3&pid="; // payurl = payurl.replace("payment", "pay"); // var gotourl = payurl + downid // location.href = gotourl; // }); // } else if (data.code === "5") { // layer.alert("今日下载次数已用完!请明日再来!您可以升级会员增加下载次数!", {icon: 2}); // } else if (data.code === "6") { // layer.alert("VIP会员已到期!请及时续费!", {icon: 2}); // } else { // location.href = "/plus/d.php?id={dede:field.id/}"; // } // } // }); }) // $(".theme-poptit .close").click(function () { // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }) }) </script> <script type="text/javascript"> // $(document).ready(function ($) { // $.ajax({ // type: "POST", // dataType: "json", // data: {"aid": ""}, // url: "/user/check_level.php", // async: false, // success: function (data, textStatus, jqXHR) { // if (data.code === "2" || data.code === "3") { // $(document).keydown(function (e) { // if (e.ctrlKey && (e.keyCode == 65 || e.keyCode == 67)) { // $(".theme-popover-mask").fadeIn(100); // $(".theme-popover").slideDown(200); // } // }); // document.body.oncopy = function () { // $(".theme-popover-mask").fadeIn(200); // $(".theme-popover").slideDown(200); // return false; // } // } // } // }) // }) </script> <script type="text/javascript"> // $(".service a").click(function () { // $(".service-mask").fadeIn(200); // $(".service-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".service-tit .close").click(function () { // $(".service-mask").fadeOut(200); // $(".service-box").slideUp(200); // }); // $("#vip-buy a").click(function () { // $(".codelogin-mask").fadeIn(200); // $(".codelogin-box").slideDown(200); // $(".theme-popover-mask").fadeOut(200); // $(".theme-popover").slideUp(200); // }); // $(".codelogin-tit .close").click(function () { // $(".codelogin-mask").fadeOut(200); // $(".codelogin-box").slideUp(200); // }); </script> <!-- <script type="text/javascript" src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> --> <!-- <script type="text/javascript" src="https://ssl.captcha.qq.com/TCaptcha.js"></script> --> <script type="text/javascript"> // $(function() { // //微信登录 // var obj = new WxLogin({ // self_redirect: false, // id: "codeLogin", // appid: "wxc14721457b782a70", // scope: "snsapi_login", // redirect_uri: encodeURIComponent("https://www.diyifanwen.net/plus/wx_login.php"), // state: "https://www.diyifanwen.net", // style: "", // href: "https://www.diyifanwen.net/style/css/wxlogin.css" // }); // }) </script> <div class="foot">Copyright &copy; 2012-2023 第一范文网 版权所有 <a href="https://www.diyifanwen.net/about/disclaimer.html" target="_blank" rel="nofollow">免责声明</a> | <a href="https://www.diyifanwen.net/about/contact.html" target="_blank" rel="nofollow">联系我们</a><br/> 声明 :本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。<br/> 客服QQ:xxxxxx 邮箱:xxxxxx@qq.com<br/> <a href="//www.beian.miit.gov.cn/" target="_blank">渝ICP备2023013149号</a> </div> <a href="#0" class="cd-top">Top</a> <script type="text/javascript" src="/style/js/jquery.min.js"></script> <script type="text/javascript"> $(".right-tag a").each(function(){$(this).addClass("tags"+(Math.floor(Math.random()*9)+1));}); $(function(){var c=$("#FontSizeBtn i"),a=$(".art_body");c.click(function(){var b=$(this).index();0==b&&a.css("font-size","18px");1==b&&a.css("font-size","16px");2==b&&a.css("font-size","14px");c.removeClass("active");$(this).addClass("active")})}); </script> <script type="text/javascript"> function search() { var q = document.getElementById("q").value; window.location.href = "/search/"+q+".html"; } function enterIn(obj,evt) { var evt = evt ? evt : (window.event ? window.event : null); if (evt.keyCode == 13) { var q = obj.value; window.location.href = "/search/"+q+".html"; } } </script> <!-- <script type="text/javascript"> $(function () { $.ajax({ type: "GET", dataType: "text", url: "/user/ajax_checkstate.php", data: "", async: false, success: function (data, textStatus, jqXHR) { if(data != "") { $(".user-login").html(data); } } }); }) </script> --> <script type="text/javascript"> $(function () { $(".user-box").hover(function () { $(".drop-menu").stop(true, true).fadeIn(0); }, function () { $(".drop-menu").fadeOut(500, function () { $(".drop-menu").css("display", "none"); }); }); }); </script> <script> //首页分类 $('.nav_list li').hover(function() { $(".nav_list > li > div ").css('display', 'none'); $(this).children("div").show(); }, function() { $(".nav_list > li > div ").css('display', 'none'); }); //分类下拉 $(function() { $(".nav.down").hover(function() { $(".nav.down > ul").fadeIn("slow"); $(".nav.down > ul").css('display', 'block'); }, function() { $(".nav.down > ul").css('display', 'none'); }); }); $(document).on("keydown", function(e) { if (e.keyCode == 13 && $("#txt_search").is(":focus")) { $("#search_button").click(); } }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1e9741f8c1b2df70963b3e7f3680f749"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html>