Menu #menubar { font-family:verdana; font-size:12px; margin:1px; } #menubar li { float:left; position:relative; text-align:left; } /* each menu item style */ #menubar li a { border-style:none; color:black; display:block; width:150px; height:20px; line-height:20px; padding-left:10px; text-decoration:none; } /* the first level menu which displays default */ #menubar .menuMain{ ...
效果图： css和javascript创建页面右键菜单 body { font-family: "宋体"; font-size: 12px; } .skin0 { padding-top: 4px; text-align: left; width: 100px; border: 2px solid black; background-color: menu; font-family: "宋体"; line-height: 20px; cursor: default; visibility: hidden; } .skin1 { padding-top: 4px; cursor: default; font: menutext; text-align: left; font-family: "宋体"; font-...
代码如下:<!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=gb2312" /> <title>图片自动等比例缩小且垂直居中-www.gxlcms.com </title> <!--[if lte IE 6]> <script type="text/javascript" language="javascript"> function imgFi...
一开始少写了个分号(红色的),怎么搞都不对. var style = document.createElement("STYLE"); document.body.appendChild(style); style.onerror = function(){ alert("here1") } style.onreadystatechange = function(){ alert("here2"); } var sheet = style.styleSheet || style.sheet; if(sheet.addImport) sheet.addImport("aa.css"); else sheet.insertRule("@import url('aa.css');",sheet.cssRules.length);
请选择ABCDEFGHI_select横排效果_脚本之家 *{font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px } A.s_l:hover { BORDER: #003366 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #0063dc;COLOR: #ffffff; TEXT-DECORATION: none;line-height:12px } A.s_r { BORDER: #dddddd 1px soli...
突然看到那个apple的底下的那个很漂亮,所以呢,我就改进了一下 做了一个图片版本的,好像很多人都做了个 http://home.goofar.com/bqqdqq/photo/a.html 上面这个是预览地址 如果浏览速度慢的话,下面是我做了一个包出来 兼容FF,IE 在线演示http://img.jb51.net/online/photo/a.html本地下载http://img.jb51.net/online/photo/photo.rar
ie里面用styleFloat 其他用cssFloat 本文向大家简单介绍一下JS操作css的float属性的特殊写法，对于含有中划线的css属性，将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 Js style float JS操作css的float属性的特殊写法 使用js操作css属性的写法是有一定的规律的： 1、对于没有中划线的css属性一般直接使用style.属性名即可。 如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。 2、对...
.divs{ border: 1px #000000 solid; width:100px; height:100px } alert(document.getElementById("xx").currentStyle.borderWidth); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
第一步：需要掌握css的缩写技巧参考下面的文章即可CSS缩写优化CSS文件的体积CSS常用属性缩写实例[推荐]第二步：用css在线格式化与压缩工具第三步：测试，看看经过压缩后的css文件，会不会导致页面变形等问题，一般情况下不会，不排除特殊情况。别忘了备份样式文件啊。下面是一般用于css压缩的代码，一般情况下，喜欢脚本的朋友看下。具体的应用上面的两部即可。CSS代码格式化和加密化 CSS代码格式化和加密化 /*请将CSS代码复制到这...
既判断分辨率，也判断浏览器 重新完善代码，使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。 代码如下:<SCRIPT LANGUAGE="JavaScript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWidth(IE1024,IE800,IE1152,IEother) }else{ if (window.navigator.userAgent.indexOf("Firefox")>=1) { //如果浏览器为Firefox var Firefox1024="...
<div id = 'div1' runat="server">haha</div> ----------- 后台代码中这样调用 div1.Style["display"]="inline"; 注意，c#中要用双引号。 using System.Web.UI.WebControls;得引入这个命名空间 Style["background-image"] ="url(images/bg_active.jpg)";等等
代码如下:Function RemoveHTML(strHTML) '过滤HTML代码的函数包括过滤CSS和JS StrHtml = Replace(StrHtml,vbCrLf,"") StrHtml = Replace(StrHtml,Chr(13)&Chr(10),"") StrHtml = Replace(StrHtml,Chr(13),"") StrHtml = Replace(StrHtml,Chr(10),"") StrHtml = Replace(StrHtml," ","") StrHtml = Replace(StrHtml," ","") Dim objRegExp, Match, Matches Set objRegExp = New Regexp objRegExp.IgnoreCase = True ob...
asp函数代码 代码如下:<% Function RemoveHTML(str) Dim objRegExp, Match,strHTML if isnull(str) then str="" end if strHTML=str strHTML=replace(replace(replace(strHTML,vblf,""),vbcr,""),vbcrlf,"") Set objRegExp = New Regexp objRegExp.IgnoreCase = True objRegExp.Global = True objRegExp.Pattern = "<script[^>]*?>.*?</script>" strHTML = objRegExp.Replace(strHTML,"") objRegExp.Pattern = "<style[^>]*?>.*?<...
本文想说的警惕点与浏览器兼容无关，主要是几个本人在项目中遇到的几个小问题的总结，问题虽小，但是却有时很困扰人，在此记录一下，如果后期有此类问题会持续添加到这里。 1.内联标签之间的空格 正常情况下书写html代码的时候都有换行、缩进等习惯，比如XML/HTML Code复制内容到剪贴板<head> <meta charset="utf-8"> <style> html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, f...
做一个太阳系八大行星的运转动画，不包括行星的卫星，所有行星围绕太阳公转，行星采用纯色，暂时没有自转。 效果静态图： 动画中包括：太阳及各行星，运行轨道，行星公转动画。 先画好草图，设计好大小和位置，根据公转周期计算好动画执行的时间。 html的结构: 一个class为solarsys的div，作为太阳系容器元素，该div的position为relative。 行星轨道和行星都用div，position为absolute。 容器用relative和内部元素采用absolute的定...