随笔分类 - HTML 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><meta http-equiv="Content-Type" content="text/html; charset=gb23
阅读全文
摘要：<style type="text/css"> #shadow, #text { font: 12px/16px Arial; width: 200px; overflow: hidden; height: 16px; } #shadow { position: absolute; border-width: 0px; padding: 0px; visibility: hidden; } #text { resize: none; } </style> <script type="text/javascript">
阅读全文
摘要：新增页面控件 这个是用了比较少的DOM操作，也可以采取完全用DOM来实现的具体DOM的属性见：http://www.w3school.com.cn/htmldom/index.asp以上实例的代码<script language="javascript"> var count= 0 ; //全局变量统计总数 var maxfile = 5;//限制控件个数 //增加元素 function addmx() { //if(count >= maxfile) return;//限制最多显示多少个行 ...
阅读全文
摘要：确定刷新，取消不刷新主要涉及的代码：<script> function check(value){ var k = window.confirm('确定要恢复此数据吗？'); if(k){ location.href = 'new.php?ss=' + value; } }</script><body><a href='#' onclick="check(4);">sdfsdf</a></body>
阅读全文
摘要：参考自:http://www.cncfan.com/html/?56_6215.htmlhttp://apps.hi.baidu.com/share/detail/33984432本文将讲述HTML和CSS的关键—盒子模型(Box model). 理解Box model的关键便是margin和padding属性, 而正确理解这两个属性也是学习用css布局的关键.注: 为什么不翻译margin和padding? 原因一, 在汉语中并没有与之相对应的词语; 原因二: 即使有这样的词语, 由于在编写css代码时, 必须使用margin和padding, 如果我们总用汉语词语代替其来解释的话, 到了实
阅读全文
摘要：12341234123412341234123412341234123412341234效果如上所示，点击table就可以看到当前滚动条立div的距离关键的一句话是:var element = document.getElementById('Content');alert('scroll left: '+element.scrollLeft+'px');alert('scroll top: '+element.scrollTop+'px');
阅读全文
摘要：exampleexampleexampleexampleexampleexample提示窗口exampleexampleexampleexampleexample这是提示窗口的正文区域，你可以在这里填写任何内容。效果如上所示:相关代码：<script type="text/javascript"> var popup_target; var popup_mouseposX; var popup_mouseposY; // ----- popup_exit ------------------------------------------------------
阅读全文
摘要：效果如下图所示：演示：JavaScript同时弹出多个DIV窗口层登陆窗口姓名： 密码： 这里的内容可以自由编辑 注册窗口您的姓名： 您的密码： E-mail： 这里的内容可以自由编辑 提示窗口这是提示窗口的正文区域，你可以在这里填写任何内容。代码吾爱：www.code52.net代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
阅读全文
摘要：今日在做Ajax的项目，发现一个问题：提交数据后，取不回提交的数据。郁闷多时，仔细分析，发现后台日志没有取数据的消息，前端也没有出现“正在读入数据”的提示。因此觉得应该是系统缓存的问题,遂google,解决。方法如下： 方法1：服务器端代码加入response.setHeader("Cache-Control", "no-cache, must-revalidate"); 方法2：用JavaScript在Ajax提交的时候加入一个随机数作为URL中的一个参数。req.open(url + "&" + Math.random).
阅读全文
摘要：在合作的过程中，经常会遇到这样的问题，别人做的样式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
阅读全文
摘要：html文件：<html><head><title>test</title><link href="mm.css" rel="stylesheet" type="text/css"/></head><body><div class="mm"></div><div class="gg"></div><div class="qiuqiu">
阅读全文
摘要：前段代码<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StartXmlHttpRequestChuanZhi.aspx.cs" Inherits="XmlHttpRequestTest.StartXmlHttpRequestChuanZhi" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
阅读全文
摘要：href="javascript:void(0)"主要实现代码改成下面是效果这是超链接,点击后会改变滚动条位置这个不会改变滚动条位置
阅读全文
摘要：HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offse
阅读全文
摘要：定义和用法display 属性规定元素应该生成的框的类型。说明这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。注释：CSS2 中有值 compact 和 marker，不过由于缺乏广泛的支持，已经从 CSS2.1 中去除了。默认值：inline继承性：no版本：CSS1JavaScript 语法：object.style.display="inline"实例使段落生出行
阅读全文
摘要：点评：CSS中很多时候会用到浮动来布局，也就是经常见到的float:left或者float:right，简单点来说，前者是左浮动(往左侧向前边的非浮动元素飘，全是飘得元素的话，就按照流式来浮动从左到右，放不下则换行)，后者是右浮（往右飘）动。但仅仅是如此吗？详细出处参考：http://www.jb51.net/css/33740.htmlNo!要注意以下几点：1、 浮动元素会被自动设置成块级元素，相当于给元素设置了display:block（块级元素能设置宽和高，而行内元素则不可以）。2、 浮动元素后边的非浮动元素显示问题。3、 多个浮动方向一致的元素使用流式排列，此时要注意浮动元素的高度。4
阅读全文
摘要：文字环绕图片效果：试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测
阅读全文
摘要：语法：Object.style.position=static|relative|absolute|fixed可能的值效果如下：staticrelativeabsolutefixed
阅读全文
摘要：你可以尝试在div中加入style="DISPLAY:none;"这样就行了具体看手册
阅读全文
摘要：针对症状的解决方法：1.网页的首部加入了!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"，把这断代码去掉即可。2.在CSS中控制，相关元素的width属性值时加入：display:inline-block; 属性即可。如：span 的样式 可以这样写：span{width:300px;display:inline-block;}
阅读全文
浙公网安备 33010602011771号