html/css相关 - 随笔分类(第2页) - FreeSpider

摘要：简单的html5 File测试 for pic2base64 阅读全文

posted @ 2014-03-24 18:40 FreeSpider 阅读(6954) 评论(0) 推荐(0)

摘要：无标题文档 sdf asdfasdf sadfsf 当然, 还有几种其他的办法, 自己能懂就好阅读全文

posted @ 2014-01-07 14:15 FreeSpider 阅读(410) 评论(0) 推荐(0)

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2013-04-26 14:33 FreeSpider 阅读(446) 评论(0) 推荐(0)

瀑布流的实现

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2013-04-08 11:23 FreeSpider 阅读(411) 评论(0) 推荐(0)

IE6下的两个兼容问题调试

摘要：1. 鼠标知道一个图片上面，显示另一个图片，也就是 a:hover 的问题在ie6中不兼容<style>.pic { width:200px; height:200px;} /*固定外层框的大小*/.p2 { display:none;} /*默认p1与p2都是显示的，不过p2溢出被隐藏了*/.pic a{ float:left; position:relative; margin-right:10px; }.pic a:hover { border:none;/*ie6 兼容*/ _zoom:1;/*ie6 兼容与bo... 阅读全文

posted @ 2012-12-14 00:36 FreeSpider 阅读(524) 评论(0) 推荐(0)

<object >属性

摘要：<object id="player" height="200" width="240" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">  <param name="wmode" value="transparent"> <param name="AutoStart" VALUE="-1"> <!--是阅读全文

posted @ 2012-11-01 14:21 FreeSpider 阅读(217) 评论(0) 推荐(0)

鼠标滑过出现气泡提示框

摘要：<script type="text/javascript">function enableTooltips(id) { var links,i,h; if (!document.getElementById || !document.getElementsByTagName) return; h = document.createElement("span"); h.id = "btc"; h.setAttribute("id", "btc"); h.style.position 阅读全文

posted @ 2012-09-21 08:55 FreeSpider 阅读(3175) 评论(0) 推荐(0)

鼠标滑过右侧显示菜单

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文

posted @ 2012-09-19 18:20 FreeSpider 阅读(6158) 评论(1) 推荐(1)

checkbox全选和取消全选

摘要：<script language=javascript> function unselectall(){ if(document.myform.chkAll.checked){ document.myform.chkAll.checked = document.myform.chkAll.checked&0; }}function CheckAll(form){ for (var i=0;i<form.elements.length;i++){ var e = form.elements[i]; if (e.Name != 'chkAll'&& 阅读全文

posted @ 2012-04-24 17:24 FreeSpider 阅读(314) 评论(0) 推荐(0)

jQuery的弹出窗口插件colorbox

摘要：官方网站：http://colorpowered.com/colorbox/支持照片，照片组，幻灯片，ajax，内联和 iframe 框架。通过CSS 控制外观，使用用户可以很容易重新定制外观。不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。可以依靠 callback & event-hooks 进行拓展，不需要修改源代码。非常友好，不需要修改现有的 HTML，所有的选项都通过 JS 设置。介绍colorbox()函数使用一堆key/value对象和一个可选的callback函数格式：$('selector').colorbox({ 阅读全文

posted @ 2012-04-09 14:53 FreeSpider 阅读(330) 评论(0) 推荐(0)

css开头的全局标准代码

摘要：/*全局样式*/*{padding:0;margin:0;}div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{border:0;}img,input{border:none;vertical-align:middle;}body{font-family:Tahoma,Arial,Helvetica,"宋体";font-size:12px;text-align:center;background:#FFF;color:#000;}html{overflow-y:scroll;}ul,ol 阅读全文

posted @ 2011-11-02 11:40 FreeSpider 阅读(8215) 评论(0) 推荐(0)

让文字左右对齐

摘要：编辑器加载中...text-align:justify;text-justify:inter-ideograph; //针对ie6 justify无效的加上这句阅读全文

posted @ 2011-08-22 16:04 FreeSpider 阅读(230) 评论(0) 推荐(0)

IE6下div图片下边4px空隙bug的解决办法

摘要：IE6下图片下边有空隙的解决方法网上已经有很多种解决办法了，我今天同大家一起复习一下那些办法，并提供一些新的方法供大家参考。下面请先看一下出现问题的代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> &l 阅读全文

posted @ 2011-08-12 18:09 FreeSpider 阅读(3412) 评论(0) 推荐(0)

图片自动随div大小改变

摘要：做网页、论坛贴图、写部落格。只要有需要上传图片的机会，就一定常碰到这问题。一旦不小心上传一个大于版面的图片，轻则内容被盖住，重则排版全乱掉，画面惨不忍睹。一般的css处理方法都是靠 over-flow:hidden; 来达成的。但这样做有个缺点，跑出去的内容会被隐藏起来。如果文字跟着被隐藏的话就看不到了。在这里提供一个同样用css的解决办法吧，能够自动调整图片大小。其实在Mozilla系列浏览器中都支持Max与Min的大小设定，只要css做这样处理，就能限定任何元素的最大或最小长宽。不过伟大的Microsoft硬是不支持这指令，我们只好拉长程序代码啦，整个代码变得落落长，因为插入了javasc 阅读全文

posted @ 2011-08-03 07:40 FreeSpider 阅读(10555) 评论(2) 推荐(0)

经典代码 iFrame 自适应高度

摘要：* 经典代码 iFrame 自适应高度，在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。HTML代码：复制代码代码如下:<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>Javascript代阅读全文

posted @ 2011-07-09 17:13 FreeSpider 阅读(305) 评论(0) 推荐(0)

由内页控制iframe高度宽度

摘要：代码如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title> 阅读全文

posted @ 2011-07-09 12:13 FreeSpider 阅读(2883) 评论(0) 推荐(0)

JS限制表单输入特效代码

摘要：ENTER键可以让光标移到下一个输入框 <input onkeydown="if(event.keyCode==13)event.keyCode=9" > <br>只能是中文<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> <br>只能是英文和数字.屏蔽了输入法<input style="ime-mode:d 阅读全文

posted @ 2011-06-28 21:26 FreeSpider 阅读(413) 评论(0) 推荐(0)

DIV+CSS与不同IE/FF版本等的兼容性

摘要：DIV＋CSS设计IE6、IE7、FF 兼容性 DIV＋CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV＋CSS网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV+CSS设计的网页，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网页可能乱的一塌糊涂！我经常被这些东西整的焦头烂额,于是乎在网上找了些资料,加上自己的理解和这些日子的经验,整理了一些资料,其中有一些我还没用到的和还不能理解的,就直接从别的地方给粘了过来,不知道有没有错误,等我以后用到的时候慢慢改吧,希望对大家有点帮助! 什么是浏览器兼容：当我们使用不同的浏览器（Firef 阅读全文

posted @ 2011-05-14 23:47 FreeSpider 阅读(1299) 评论(0) 推荐(1)

六级下拉菜单

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GB23 阅读全文

posted @ 2011-04-21 11:22 FreeSpider 阅读(399) 评论(0) 推荐(0)

鼠标划过出现子菜单

摘要：<head><script>startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[ i ];if (node.nodeName=="LI") {node.onmouseover=function() {thi 阅读全文

posted @ 2011-04-01 16:25 FreeSpider 阅读(467) 评论(0) 推荐(0)

随笔分类 - html/css相关