随笔分类 - 前端
摘要：导航条下拉菜单效果 1.导航条下拉html代码： 1 <!-- 新导航条 --> 2 <div class="tnav"> 3 <div class="tnav_c"> 4 <ul> 5 <li><a href="#">首页</a></li> 6 <li><a href="#">关于我们</a> 7
阅读全文
摘要：网页设计，很多时候会用到导航条，如何制作一个简单的导航条呢？ 步骤如下： 1.导航条html代码： <!-- 新导航条 --> <div class="tnav"> <div class="tnav_c"> <ul> <li><a href="#">首页</a></li> <li><a href="
阅读全文
摘要：1、iframe标签按照常规响应式的样式写就可以了，比如： <style type="text/css"> iframe{width:100%;min-height:471px} @media screen and (max-width: 640px) { #iframe{min-height:27
阅读全文
摘要：表格简单默认代码格式： <table border="1"> <tr> <td>100</td> </tr> </table> 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。 字母 td 指表格数据（table d
阅读全文
摘要：.clearfix:after { < 在类名为“clearfix”的元素内最后面加入内容； content: "."; < 内容为“.”就是一个英文的句号而已。也可以不写。 display: block; < 加入的这个元素转换为块级元素。 clear: both; < 清除左右两边浮动。 vis
阅读全文
摘要：该标签不是HTML3.2的一部分，并且只支持MSIE3以后内核，所以如果你使用非IE内核浏览器(如：Netscape)可能无法看到下面一些很有意思的效果，该标签是个容器标签。 语法： <marquee></marquee> 以下是一个最简单的例子，代码如下: <marquee><font size=
阅读全文
摘要：优化了加载速度的网站不仅可以提高其搜索引擎的排名，同时也可以降低网站的跳出率，提高其转换率，还能提供更好的终端用户体验，这是当今基于Web环境取得成功的关键。 下面我将介绍几个优化网站加载网页速度的简单方法，一起来看一下。 1.服务器响应时间 即使网站已经格外优化，但是除非服务器响应时间非常快，否则
阅读全文
摘要：js按钮确认删除提示 第一种方法： html代码： js代码： 第二种方法： 其他推芥，js的三种弹出框（alert、confirm、prompt）简单介绍 1、alert() alert 方法有一个参数，就是用户想弹出的内容，弹出框很简单，就一个显示功能。你可以点击确认关闭这个弹出框。 例如：al
阅读全文
摘要：群里小伙伴经常问怎么禁止页面复制和右键，其实这个问题百度一下是很多资料的，我估计小伙伴都懒，所以这里统一回复下： 找到模板里面的</head>，在上面加如下代码就行了 <style type="text/css"> body { -webkit-touch-callout: none; -webki
阅读全文
摘要：搜索引擎优化(seo)有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面是目前比较好的CSS+DIV的命名规则 1DIV CLASS或者ID 页头:header 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:
阅读全文
摘要：问题：网站如何提升网页打开速度？ 1、减少页面请求： 从WEB运行原理上讲，IIS请求是无状态的，在服务器端一直是连接和关闭的不断进行着，如果能减少服务器请求，总的时间将会减少。 之前我下载163邮箱的登陆页面的图片时发现，它们的只用到了一个图片来完成整个页面的所有图片，当时我就纳闷了，这跟平时做的
阅读全文
摘要：1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次；对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。
阅读全文
摘要：问： 很多时候，我们在设计网站时会发现，站内每一个页面的header跟footer其实都是一样的，如果每个页面都写header跟footer就会显示代码冗余而且维护也不方便， 这时候最好的做法就是把相同的头部跟底部做成共享模块，每个页面直接引入该模块，既简介又方便维护 方法1： JQuery 首先引
阅读全文
摘要：作为一个前端开发人员，我们的任务是将UI设计师的图稿运用计算机语言呈现在用户面前。而现在的设备大小尺寸不一，近年来智能手机的普及更是让网页的用户大部分来源与手机，所以让不同大小的移动端屏幕都能较好的还原设计稿就成了一个前端开发者需要解决的当务之急。我查阅了大量资料和进行了一些实践，下面是我对移动端适
阅读全文
摘要：如题： 在写后台管理系统时，需要实现后台界面的局部动态刷新。 左边的导航栏使用a标签进行设置，通过href和target属性的配合，就可以将iframe中的子页实现动态刷新。 原理：设这你的 iframe 的名字 比如iframe name="main"你左边的页面中 <a href="Articl
阅读全文
摘要：引言 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版，HTTP/1.1的规范化工作正在进行之中，而且HTTP-NG(Next Generati
阅读全文
摘要：var date=new Date();var expiresDays=10;var count=1500+parseInt(date.getTime()/1000)-parseInt(date.getTime()/1000000)*1000;visits = count + Math.round(
阅读全文
摘要：document.oncontextmenu=new Function('event.returnValue=false;'); document.onselectstart=new Function('event.returnValue=false;'); 以上两断代码即可搞定！
阅读全文
摘要：1.如何利用JS判断当前来路域名并跳转到指定页面 2. 今天有一客户要求他的网站输入两个不同的域名后需要载入不同网页头部。思前想来，也只有通过JS的判断来加载不同的CSS。 代码如下：host = window.location.host;if (host=="www.028wz.net") { d
阅读全文
摘要：看了网上好多关于jquery $(this)的解释，感觉都说的很模糊。 下面说出我自己的理解。 this表示的是当前对象，下面以例子来说明 [javascript] view plain copy <!DOCTYPE html> <html> <head> <script src="//ajax.g
阅读全文
