HTML5+CSS3实现响应式导航菜单 不使用JavaScript来实现响应式菜单。它完全使用整洁和语义化的HTML5标记,而且菜单可以居左、居中和居右对齐,它也包含一个指示器来显示当前激活的菜单项。菜单可以在hover时展开,触屏手机如果点击的话会变成链接跳转,需要用手拨动才是正常的,关闭的话即点击其它地方。 演示地址:http://webdesignerwall.com/demo/responsive-menu/ HTML代码 &l... Web前端开发 / 2014-01-31 / 11892次阅读
HTML响应式导航菜单适应小屏幕设备 HTML <nav> <ul> <li><a href="/">首页</a></li> <li><a href="/server.html">服务</a></li> <li><a href="/case.html">案例&l... Web前端开发 / 2014-01-29 / 5476次阅读
A5站长网404页面HTML源码下载 A5站长网精美404页面源码下载: 下载地址:http://pan.baidu.com/s/1sjPMdNR... Web前端开发 / 2014-01-28 / 6121次阅读
javascript实现瀑布流布局实践思路教程 淘宝有部分页面中使用了瀑布流布局,淘宝的kissy框架加入了这种布局的插件,详细可以查看相关的API函数,在淘宝UED的博客中乔花写了有关瀑布流布局的文章。下面是用JQ框架实现瀑布流布局的实现思路。 1、设置一些全局变量,通过全局变量然后初始化页面,保存临时数据在变量中。初始化一些数据,计算宽度等值。 function water(opts) { this.container=opts.container... Web前端开发 / 2014-01-27 / 5542次阅读
jquery获取一个元素的HTML代码html()或文本值text() 作用:显示指定原属的HTML代码或文本 html()方法从指定元素中的第一个元素中获取HTML内容,它以字符串形式返回HTML内容;不仅显示文本,还连同文本一起显示标记(这里所说的显示标记,是指要显示标记的子标记,并不包含父标记)。 $('p').html(); text()方法可以用于XML文档和HTML文档,而html()只能用于HTML文档; $('p').text(); 改变DOM节点的... Web前端开发 / 2014-01-11 / 7533次阅读
网页播放flv文件的HTML代码 下面的代码需要flvplayer.swf文件,下载地址在文章内容后面,HTML代码如下: <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">... Web前端开发 / 2014-01-09 / 6817次阅读
调用html5.js实现IE(包括IE6)支持HTML5元素 微软的最新浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题。 让IE(包括IE6)支持HTML5元素,我们需要在HTML头部添加以下JavaScript,这是一个简单的document.createElement_x声明,利用条件注释针对IE来调用这个js文件。Opera,FireFox等其他非IE浏览器就会忽视这段代码,也不会存在h... Web前端开发 / 2014-01-08 / 4922次阅读
jquery实现不同浏览器视窗大小的使用不同的css样式表 支持IE浏览器和其他浏览器 1、首先定义两个link,当然你也可以是一个,第二个是要更改的css <link rel="stylesheet" type="text/css" href="main.css" /> <link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" />... Web前端开发 / 2014-01-07 / 4896次阅读
兼容IE6的css网页最小最大宽度和最小最大高度 最小宽度: .min_width{ min-width:300px; /*sets max-width for IE */ _width:expression(document.body.clientWidth < 300 ? "300px" : "auto"); } 最大宽度 .max_width{ max-width:600px; /*sets max-width for IE... Web前端开发 / 2014-01-03 / 4930次阅读
JQuery判断奇偶数(单双数)选择器实现隔行变色效果 HTML代码是使用ul li的布局。代码如下: <script type="text/javascript"> $(document)ready.(function(){ $("li:odd").css("background-color","#f7f7f7"); }); </script> 值得注意的是,even是偶数,odd是奇数,排序是从0开始而非1开始的。... Web前端开发 / 2013-12-27 / 13302次阅读
jquery 判断滚动条到达了底部和判断滚动条到达顶端 $(document).height() //是获取整个页面的高度 $(window).height() //是获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变,与document是不一样的 要获取顶端,只需要获取到scrollTop()==0的时候就是顶端; 要获取底端,只要获取scrollTop()>=$(document).height()... Web前端开发 / 2013-12-19 / 5287次阅读
JavaScript 图片变换效果封装 只支持IE浏览器 这个javascript做的效果最早在sina看到,这里把这个效果封装好方便使用。纯js仿照常见的图片变换flash做的效果,但是滤镜变换只对应ie有效,firefox浏览器只能看到一般的切换效果。 程序说明: 图片未开始转换时,由于没有图片会显示一个红x,所以隐藏图片: this._img.style.visibility = "hidden"; ps:以前我用this._img... Web前端开发 / 2013-12-19 / 4710次阅读