随笔分类 -  HTML

html相关
dhl：img 的src 在 ie7下是将全路径。>ie8和firefox没有问题
摘要：$("#hidPicUrl").val($(this).attr('src'));<INPUT id=hidPicUrl type=hidden /><img src="/Images/icon/house.png" width="60" height="60" />这样的话，>ie8和firefox没有问题:<INPUT id=hidPicUrl type=hidden value=/Images/icon/music.png name=ctl00$phMain 阅读全文
posted @ 2012-02-23 18:38 肚肚 阅读(338) 评论(0) 推荐(0)
dhl:页面无刷新ajax上传文件--模拟iframe，超简单
摘要：前段时间在解决ajax上传文件时折腾了好一阵。直接用$.post上传文本信息肯定是没有问题的。但是$.post直接上传图片是不可行的。后来看到网上的一些解决方案，有现成的ajax上传文件的封装的方法也有利用flash的。flash确实是个好方法 但是不是每个人都会flash的而且下载下来现成的方法要做修改也不是件易事，且文件相对较大。最后只好模拟iframe来实现。发现相当的简单。<iframe name="ajaxUpload" style="display:none"></iframe><form name=" 阅读全文
posted @ 2011-08-24 16:39 肚肚 阅读(467) 评论(1) 推荐(0)
百度或者Google---SEO优化
摘要：google和百度的技术差别:1.百度还认不清哪个是原创的2.google蜘蛛不够百度快4.google排名结果随时变化流量、权重、权威、内容、用户体验、用户关注度等等细节的排名，已表达了SEO的算法。重要搜索引擎的网站登录入口地址:http://www.webmasterhome.cn/seo/addurl.asp从SEO的角度，网站登录几大搜索引擎最佳的时间是：确定不会对已经生成的链接和内容进行大规模改动。让你的网站最新内容同时被20个搜索引擎收录 http://pingomatic.com/做seo技术要善于结合多个关键字工具组合:谷歌关键字工具地址：https://adwords.go 阅读全文
posted @ 2011-08-23 15:53 肚肚 阅读(271) 评论(0) 推荐(0)
JQUERY+ASP.NET的AJAX文件上传
摘要：JQUERY+ASP.NET的AJAX文件上传2009/04/24 23:31在知道JQUREY和微软集成的消息后，在项目里面就开始尽量使用JQUERY了，这个DEMO是一个示例。主要文件两个：ajaxUpFile.ashx 服务端处理Default.aspx 用户提交下面贴出主要代码：JS部分代码如下function TestUp() { ajaxFileUpload("FileUpload1"); } function ajaxFileUpload(obfile_id) { //准备提交处理 $("#loading_msg").html(" 阅读全文
posted @ 2011-08-23 15:47 肚肚 阅读(704) 评论(0) 推荐(0)
网页设计必备工具16进制颜色值对照表
摘要：十六进制颜色值的含义与定义方法在很多软件中，都会遇到设定颜色值的问题，初学者往往不理解颜色是如何与一串数字和字母对应的。这里我们就来简单介绍一下。人的眼睛看到的颜色有两种：1. 一种是发光体发出的颜色，比如计算机显示器屏幕显示的颜色；2. 另一种是物体本身不发光，而是反射的光产生的颜色，比如看报纸和杂志上的颜色。我们又知道任何颜色都是由三种最基本的颜色叠加形成的，这三种颜色称为“三原色”。1. 对于上面提到的第一种颜色，即发光体的颜色模式，又称为“加色模式”，三原色是“红”、“绿”、“蓝”三种颜色。加色模式又称为“RGB模式”；2. 而对于印刷品这样的颜色模式，又称为“减色模式”，它的三原色是 阅读全文
posted @ 2010-12-14 13:52 肚肚 阅读(1229) 评论(0) 推荐(0)
CSS解决未知高度垂直居中的问题
摘要：<!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> <met... 阅读全文
posted @ 2010-12-11 18:26 肚肚 阅读(173) 评论(0) 推荐(0)
实例：CSS二级菜单（横向）兼容IE6、IE7、FF浏览器
摘要：产品介绍 产品一产品一产品一产品一产品一产品一服务介绍 服务二服务二服务二服务二服服务二服服务二成功案例 案例三案例案例三案案例三案关于我们 我们四我们四我们四我们四111在线演示 演示演示演示演示演示演示演示演示演示演示演示演示演示联系我们 联系联系联系联系联系联系联系联系联系联系联系联系联系源码： 阅读全文
posted @ 2010-11-16 16:21 肚肚 阅读(699) 评论(0) 推荐(0)
css div ul li 导航栏(横向）：（纯CSS 多级菜单IE6能支持的）
摘要：这部分最后给出的成品效果比较惊人，也就是传说中的纯CSS六级菜单。这个东西最厉害的地方是兼容所有主流浏览器（IE6，IE8，Maxthon2.5，firefox3.5，opera10，safari4与chrome2），而一点CSS hack也没有用。毕竟CSS hack只是权宜之计，治标不治本，谁知它会对未来新版本的浏览器有什么副作用，因此能不用就不要用了。由于结构非常有规律，读者认真学习后，可以... 阅读全文
posted @ 2010-11-16 15:11 肚肚 阅读(4870) 评论(2) 推荐(0)
css div ul li 导航栏(竖)
摘要：代码 阅读全文
posted @ 2010-11-16 14:19 肚肚 阅读(779) 评论(0) 推荐(0)
JavaScript判断远程图片是否存在,加载完成:onerror 属性- & jQuery实现（如果因为网络或图片的原因发生异常，则显示该图片）~
摘要：如果因为网络或图片的原因发生异常，则显示该图片 阅读全文
posted @ 2010-11-10 16:50 肚肚 阅读(6638) 评论(0) 推荐(0)
thickbox.js 及 将thickbox "close or esc key "改为 中文"关闭"
摘要：最近的项目中比较多使用的 ThickBox，今天就简单介绍下，ThickBox 是一个基于 JQuery 类库的扩展，它能在浏览器界面上显示非常棒的弹出框，它可以显示单图片，多图片，AJAX 请求内容或链接内容。要使用 ThickBox，需要下载三个文件：JS 文件：thickbox.js 或者压缩版本 thickbox-compressed.js。 CSS 文件：ThickBox.css 最后一... 阅读全文
posted @ 2010-10-14 13:25 肚肚 阅读(1497) 评论(1) 推荐(0)
《文本域美化<
摘要：<script>document.write("<center><b>文本域美化</b>")</script><script>document.write("</center><p>")</script>1。样式一：<br> <br><input type=fi... 阅读全文
posted @ 2010-09-29 15:03 肚肚 阅读(217) 评论(0) 推荐(0)
jQuery伸缩的菜单
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>伸缩的菜单，用toggle()重写</title> &... 阅读全文
posted @ 2010-09-04 16:56 肚肚 阅读(289) 评论(0) 推荐(0)
一个用jquery实现的下拉菜单
摘要：演示程序在这里演示程序这是菜单的内容，用ul标签实现菜单：这是CSS控制代码：这是JS的控制代码：演示程序在这里演示程序 阅读全文
posted @ 2010-09-04 16:52 肚肚 阅读(239) 评论(0) 推荐(0)
margin:0 auto与body{text-align:center;}实现元素居中的区别
摘要：我们设置某个对象水平方向居中的时候，常常将左右的外边距设置为auto来实现。如：div { margin: 0 auto; }body{text-align:center}与margin:0 auto的区别如下:1.text-align:center设置文本或img标签等一些内联对象（或与之类似的元素）的居中。2.margin:0 auto设置块元素（或与之类似的元素）的居中。这两个属性IE与FF... 阅读全文
posted @ 2010-09-04 14:16 肚肚 阅读(415) 评论(0) 推荐(0)
如何让div页面居中|让div在页面居中的方法
摘要：在页面代码最上面加上 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">再把div的style加上 margin:0 auto;<div style="height:500px; width... 阅读全文
posted @ 2010-09-03 14:47 肚肚 阅读(1855) 评论(0) 推荐(0)
DHL：iframe透明，显示背景
摘要：<table width="240" border="0" cellspacing="0" cellpadding="0" style="border-left:#74CC7D solid 1px; background-color:#FFF;border-right:#74CC7D solid 1px; height:220px;background-image:url(http://di... 阅读全文
posted @ 2010-07-07 10:20 肚肚 阅读(226) 评论(0) 推荐(0)