随笔分类 - Html/Css
1
摘要：网站在ie和360兼容模式下，背景图片都显示很正常，但是在360极速模式下显示不出来，这主要因为没有设置宽和高的问题，导致无法显示，所以给背景设置宽高即可 如：
阅读全文
摘要：<div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="right"><a href="#" target="_blank
阅读全文
摘要：有时候我们需要在图片的某一个地方添加一个url，最好的办法就是为图片添加热点， 实例：<img src="zhaobiaowang.jpg" width="1002" height="750" border="0" usemap="#Map" /><map name="Map" id="Map"> <area shape="rect" coords="95,376,323,434" hr
阅读全文
摘要：最近做了一个项目，涉及到了采购这块，对每一笔采购里面，都需要详细录入采购的具体物品，包括名称，数量，单价，总结和重量，如图：因为物品不固定，所以需要动态的添加，这个功能以前做过，采用是jquery的一种方式，下面介绍一种采用纯javascript，对表格的操作首先在页面中加入javascript代码块<script type="text/javascript">function addRow(tabObj,colNum,sorPos,targPos){ var nTR = tabObj.insertRow(tabObj.rows.length-targPos);
阅读全文
摘要：关于我们上网打开网页的浏览速度的问题一直让许多朋友头疼，在相同的机器和网速下为什么有的机器浏览速度就会很快，用着很舒心，有的朋友看到别人在网上冲浪那么爽，自己却在这里砸键盘怪自己的机器配置低，其实不然。在这里我个人总结了一些切实可行的方法，制作主页时，以下的方法可以令你的网页速度大大提高，来与大家一起分享！一.记得帮页面减肥我们浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘，再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重，所以，网页本身所占的空间越小，那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则，如:不要使用太大的Flash动画、图片等资源。干净、简洁的页
阅读全文
摘要：jquery中各个事件执行顺序如下：1.ajaxStart(全局事件)2.beforeSend(局部事件)3.ajaxSend(全局事件)4.success(局部事件)5.ajaxSuccess(全局事件)6.error(局部事件)7.ajaxError (全局事件)8.complete(局部事件)9.ajaxComplete(全局事件)10.ajaxStop(全局事件) 其中，全局事件可以在ajax相关方法外引用（比如，通过该方式将ajax执行各个阶段的信息显示在页面某个地方）。下例演示一次ajax请求过程中各个事件执行的顺序，以及全局ajax的使用方法<!DOCTYPEHTMLPUB
阅读全文
摘要：刚刚从纠结中缓过来，修改了一下网站的css样式之后，然后在ie6上就乱了，不兼容了，找了半天不知道是哪里的问题，最后调试的时候，才知道，原来在修改样式的时候在样式的后面加了一句注释/*修改*/,然后就出问题了，就说明在ie6中这个注释不起作用，直接当样式了，所以导致下面的样式不能使用，去掉之后就OK了，无语...
阅读全文
摘要：Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能还很强大，比如html,css,dom的察看与调试，网站整体分析等等。总之就是一整套完整而强大的 WEB开发工具 下载：firebug 安装的时候直接把解压后的firebug-1.10.0a5.xpi文件拖到火狐浏览器里即可自动安装、 例子： 代码： View Code <headrunat="server"
阅读全文
摘要：众所周知，对于链接和图片，我们可以通过添加title属性以显示一些说明文字，一般情况下，这些文字都是显示成一行，那么有没有办法让它以多行的方式显示呢？解决的方法有两种：1.将title属性分成几行来写，例如：<a href=#" title="说明一说明二说明三">印象派</a>2.第一行相对来说不够直观，我们还可以在需换行的地方添加 （将&改为半角，下同)或 来实现：<a href=#" title="说明一 说明二 说明三">
阅读全文
摘要：近期，发现有部分客户的网站在IE8这个浏览器显示有些不正常，主要表现在利用css+div做的网站页面不能居中的问题。IE8对margin:0 auto;这个CSS好像不再有用了，页面不能居中了，自己人策划公司的技术人员经过认真，仔细的分析，终于找到了能让网页在IE8下居中的办法：把margin:0 auto;写在了body标签中，IE7以下都可以居中，IE8就不行，解决办法是，把这代码写在div大框架中就可以了。 程序代码 <style type="text/css"> body{text-align:center;width:100%;} #wrap{ tex
阅读全文
摘要：语法：clone()clone(true)用来复制元素和事件，只负责复制，如果要插入到指定位置，需要用到appendTo或prependTo等方法。例子：<headrunat="server"><title>无标题页</title><scriptsrc="js/jquery-1.6.min.js"type="text/javascript"></script><scripttype="text/javascript">$(function(){
阅读全文
摘要：html和innerHTMl是一样的，可以获得和设置html标签+文本如：设置值：$("p").html("<span style='font-size:13px;color:red'>HTML标签+文本</span>"); 获得值：$("p").html(); text和innerText是一样的，可以获得和设置文本如：设置值：$("p").text("HTML标签+文本"); 获得值：$("p").text(); val和value
阅读全文
摘要：今天用dw打开asp做的项目时候，晕了，页面中的文字都变成乱码了，原来是页面的格式<META http-equiv=Content-Type content="text/html; charset=utf-8">来，费了好大劲才把乱码改成中文的，把编码格式改成<META http-equiv=Content-Type content="text/html; charset=gb2312">可是保存的时候总是提示如下图所示的提示：解决办法：1 找到所有乱码，改成中文的2 ctrl+j打开属性窗口找到标题/编码，重新载入你所选的格式即
阅读全文
摘要：最新弄了个asp的软件，提交表单有点生疏了，下面总结了一下通过button和sumbit两种方式来提交表单： sumbit提交表单View Code <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><scripttype="text/javascript">functioncheckForm(){if(document.form1.userName.value.le
阅读全文
摘要：1 从集合中通过指定的序号获取元素html：View Code <div><p>0</p><p>1</p><p>2</p><p>3</p><p>4</p><p>5</p><p>6</p><p>7</p></div>JSView Code <scripttype="text/javascript">jQuery(function(){$("p
阅读全文
摘要：有些漂浮广告，比如浮动广告，随着鼠标的上下滚动而滚动，但是在页面没效果，原因就是在W3C的标准里了，最简单的，直接把把这段<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">代码去掉，原来的漂浮广告就可以正常漂动了。如果网页不正常了，那么试试下面的办法吧解决办法：1、找到相对应的漂浮广告JS文件2、将所有的document.body替换成document.
阅读全文
摘要：在培训，学校的网站的上我们经常能看到一个浮动的咨询窗口，可以与老师进行QQ聊天咨询，就像下面的一样： 它会随着滚动条的滚动而上下浮动，下面有一个自己写的例子，供参考：<div><script language="javascript">var online = new Array();if (!document.layers)document.write('<div id="divStayTopLeft" style="position:absolute;">')</scrip
阅读全文
摘要：我们设计页面的时候，会发现，在IE6中运行正常，而到IE8中就乱了，可能就需要重新该css了，这里提供一个在各个IE版本中以兼容模式下运行的代码：<meta http-equiv="x-ua-compatible" content="ie=6" />把这段代码放到头部就可以了，表示在ie6模式下运行....
阅读全文
摘要：正确的使用alt text属性和title属性不仅可以提高图片的搜索能力，对用户体验上也是很有帮助。alt text替换文字（alt text）是为了给那些不能看到你文档中图像的浏览者提供文字说明。这包括那些使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。所以替换文字是用来替代图像而不是提供额外说明文字的。Alt text在IE浏览器中还起到了title的作用——鼠标经过时的文字提示。IE浏览器给了大家一个误导，在IE中ALT会变成文字提示是因为IE不标准。这一点Firefox做的就比较好。titletitle是对图片的说明和额外补充，如果需要.
阅读全文
1
