王新阳

wangxinyang

CSS3之transition

transition ： [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'> [, [<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> || <'transition-delay'>]]* 

transition主要包含四个属性值：
transition-property 执行变换的属性
transition-duration 变换延续的时间，单位s、ms
transition-timing-function 变化速率：ease变慢、linear匀速、ease-in加速、ease-out减速、ease-in-out
transition-delay 变换延迟时间

例：
transition: all 0.5s ease-in;
transition: all 0.5s ease-in 100ms;
指定属性变化时执行：
transition: background 0.5s ease-in, color 0.3s ease-out;

浏览器兼容写法：
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;

来源：http://www.w3cplus.com/content/css3-transition

回应

CSS3之text-shadow、box-shadow

text-shadow:[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur >=0) 颜色(Color)],[x轴(X Offset) y轴(Y Offset) 模糊半径(Blur) 颜色(Color)]...
text-shadow:0, 1px 1px #fff;
text-shadow:0 0 20px red;
text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de;
color:transparent; text-shadow:0 0 5px #f96;
color: transparent;text-shadow:0 0 6px #F96, -1px -1px  #FFF, 1px -1px  #444;
下面是3D效果
text-shadow: -1px -1px rgba(197, 223, 248,0.8),-2px -2px rgba(197, 223, 248,0.8),-3px -3px rgba(197, 223, 248,0.8),-4px -4px rgba(197, 223, 248,0.8),-5px -5px rgba(197, 223, 248,0.8),-6px -6px rgba(197, 223, 248,0.8);

box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径(>=0) 阴影扩展半径 阴影颜色
投影方式：默认不填为外投影，inset为内投影
其他同text-shadow

text-shadow效果见：http://www.w3cplus.com/node/52
box-shadow效果见：http://www.w3cplus.com/content/css3-box-shadow

回应

CSS3之rgba

color:rgba(100%,0,0,0.5)
background-color:rgba(0,0,0,0.5)
border-color:rgba(0,0,0,0.5)
text-shadow:0 2px 1px rgba(255,0,0,0.5)
background-image:-webkit-linear-gradient(top, rgba(255,0,0,0.5), #ff0000)

回应

CSS3之gradient渐变

线性渐变 point: top从上到下、left从左到右、left top左上到右下、top right右上到左下；angle角度
-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )
径向渐变-基本不用 point除了线性渐变的值外，径向梯度允许你指定渐变的形状（圆形circle或椭圆形）和大小（最近端，最近角，最远端，最远角，包含或覆盖 (closest-side, closest-corner, farthest-side, farthest-corner, contain or cover)）
-radial-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )
重复渐变
repeating-radial-gradient
浏览器兼容写法
-webkit-linear-gradient()
-moz-linear-gradient()
-ms-linear-gradient()
-o-linear-gradient()
linear-gradient()
例
background-image:linear-gradient(to top, #000, #fff, #eee);
background-image:-webkit-linear-gradient(top, #000, #fff, #eee);
background-image:-webkit-linear-gradient(30deg, #000, #fff, #eee);

background: -moz-repeating-linear-gradient(-45deg, #ace, #ace 5px, #f96 5px, #f96 10px);
background: -webkit-repeating-linear-gradient(-45deg, #ace, #ace 5px, #f96 5px, #f96 10px);

更复杂的效果见：http://www.w3cplus.com/node/44

我的示例

body{
	background-color:#fdf8ec;
	background-image:linear-gradient(to bottom, #fdf8ec, #fff);
	background-image:-webkit-linear-gradient(top, #fdf8ec, #fff);
}

回应

CSS3之transform

2D效果

translate(x, y) 位移
translateX(num) 水平位移
translateY(num) 垂直位移
scale(x, y) 缩放，不改变元素形状
scaleX(num) 水平缩放
scaleY(num) 垂直缩放
rotate(deg) 旋转，正值顺时针旋转，负值逆时针旋转
skew(x, y) 旋转，改变元素形状
skewX(deg) 沿水平轴旋转
skewY(deg) 沿垂直轴旋转

多种效果，不能写多个transform，否则后面的会覆盖前面的效果
transform: translate(100px, -100px) sacle(1.5, 1.5), rotate(180deg);

下面是兼容各种浏览器写法
-moz-transform: scaleY(1.2);
-webkit-transform: scaleY(1.2);
-o-transform: scaleY(1.2);
-ms-transform: scaleY(1.2);
transform: scaleY(1.2);

transform 3D详细教程：http://www.zhangxinxu.com/wordpress/2012/09/css3-3d-transform-perspective-animate-transition/

回应

ASP遍历xml树

<%@ Language="VBScript" CODEPAGE="65001"%>
<%
Option Explicit
Session.CodePage=65001
Response.Charset="UTF-8"

Dim xmlStr, xml
xmlStr="<?xml version=""1.0"" encoding=""UTF-8""?>"&_
"<books>"&_
"	<book>"&_
"		<name>三国演义</name>"&_
"		<price>99</price>"&_
"	</book>"&_
"	<book>"&_
"		<name>水浒传</name>"&_
"		<price><![CDATA[22]]></price>"&_
"	</book>"&_
"</books>"

Set xml = Server.CreateObject("MSXML2.DOMDocument")
xml.preserveWhiteSpace = true
xml.async = false
xml.LoadXML(xmlStr)
If xml.parseError.errorCode <> 0 Then
	Response.Write "Description: " & xml.parseError.reason & "Line: " & xml.parseError.Line
Else
	Dim book, i
	'方法1
	Set book=xml.selectNodes("/books/book")
	For i=0 To book.length-1
		Response.Write book(i).selectSingleNode("name").text&"："&book(i).selectSingleNode("price").text&"<br>"
	Next
	Response.Write "----<br>"
	'方法2
	For i=0 To book.length-1
		Response.Write book(i).selectSingleNode("name").text
		Response.Write book(i).childNodes(1).text&"："&book(i).childNodes(3).text&"<br>"
	Next
	Response.Write "----<br>"
	'方法3
	For i=0 To book.length-1
		Response.Write book(i).getElementsByTagName("name").Item(0).text&"："&book(i).getElementsByTagName("price").Item(0).text&"<br>"
	Next
	Response.Write "----<br>"
	'方法4
	Dim n, p
	Set n=xml.getElementsByTagName("name")
	Set p=xml.getElementsByTagName("price")
	For i=0 To n.length-1
		Response.Write n(i).text&"："&p.item(i).text&"<br>"
	Next
	Response.Write "----<br>"
	'方法5
	Set n=xml.selectNodes("/books/book/name")
	Set p=xml.selectNodes("/books/book/price")
	For i=0 To n.Length-1
		Response.Write n(i).text&"："&p.item(i).text&"<br>"
	Next
End If
Set xml=Nothing
%>

回应

ASP发起SOAP请求

Dim xml, http
Set xml = Server.CreateObject("MSXML2.DOMDocument")
xml.preserveWhiteSpace = true
xml.async = false

set http=server.createobject("MSXML2.XMLHTTP")
http.open "POST","请求地址",false
http.setRequestHeader "SOAPAction", 响应端提供的SOAPAction
http.setRequestHeader "Content-Type", "text/xml;charset=utf-8"
http.setRequestHeader "HOST","响应端域名或IP"
http.setRequestHeader "Content-Length",发送xml内容长度 '非必须
http.send(要发送的xml)
If http.readystate=4 then
	xml.Load(http.ResponseBody)
	'xml.save(Server.MapPath("abc.xml"))
	'对接收到的xml进行解析
End If
Set http=Nothing

回应

LODOP打印控件的基本使用

<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> 
	<embed id="LODOP_EM" type="application/x-print-lodop"  width=0 height=0 pluginspage="install_lodop32.exe" />
</object>
<script>
//打印功能
function p(id, num){
	var td=$('tr#tr'+id+' > td');
	var LODOP=getLodop();

	//初始化并命名打印程序
	LODOP.PRINT_INIT('汽博会观众入场券打印程序');

	//设置纸张尺寸及名称，单位0.1mm
	LODOP.SET_PRINT_PAGESIZE(1, 750, 1050, '汽博会观众入场券');

	//添加背景图
	LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='http://127.0.0.1/2015/201506/08qibohui/images/ticket.jpg'>");
	//背景图显示模式
	//在预览中显示
	LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",1);
	//打印背景图
	//LODOP.SET_SHOW_MODE("BKIMG_PRINT",1);	
	//背景图的位置及尺寸
	//LODOP.SET_SHOW_MODE('BKIMG_TOP', 1);
	//LODOP.SET_SHOW_MODE('BKIMG_LEFT', 1);
	//LODOP.SET_SHOW_MODE('BKIMG_WIDTH', '75mm');
	//LODOP.SET_SHOW_MODE('BKIMG_HEIGHT', '105mm');

	//添加打印内容，默认尺寸单位为像素，可选单位及换算关系：1英寸 = 2.54cm = 25.4mm = 72pt = 96px
	//ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)
	//用SET_PRINT_STYLE设置打印式样，该接口只对位于其后方的内容有效
	//设置字号，单位是pt
	LODOP.SET_PRINT_STYLE("FontSize",18);
	//是否加粗
	LODOP.SET_PRINT_STYLE("Bold",1);
	//设置字体
	LODOP.SET_PRINT_STYLE("FontName",'宋体');
	//添加打印内容
	LODOP.ADD_PRINT_TEXT('45mm','25mm','RightMargin:5mm','6mm','入场券');
	
	LODOP.SET_PRINT_STYLE("FontSize",10);
	LODOP.SET_PRINT_STYLE("Bold",0);
	LODOP.SET_PRINT_STYLE("FontName",'微软雅黑');
	LODOP.ADD_PRINT_TEXT('60mm','15mm','RightMargin:5mm','6mm','姓名：'+td.eq(1).text());
	LODOP.ADD_PRINT_TEXT('66mm','15mm','RightMargin:5mm','6mm','单位：'+td.eq(3).text());
	LODOP.ADD_PRINT_TEXT('72mm','15mm','RightMargin:5mm','6mm','城市：'+td.eq(3).text());

	//也可以用SET_PRINT_STYLEA接口设计字体，此接口位于添加打印内容接口（ADD_PRINT_TEXT和ADD_PRINT_HTM）后面
	//数字2是姓名栏的顺序号（ADD_PRINT_TEXT或ADD_PRINT_HTM出现的顺序，从1开始；如果顺序号为0，则对SET_PRINT_STYLEA之前最后添加的打印内容有效）
	//LODOP.SET_PRINT_STYLEA(2, "FontSize", 10);
	//LODOP.SET_PRINT_STYLEA(2, "Bold", 0);
	//LODOP.SET_PRINT_STYLEA(2, "FontName", '微软雅黑');
	//LODOP.SET_PRINT_STYLEA(2, "FontColor", '#ff0000');
	//添加html
	//LODOP.ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight, document.getElementById('id').innerHTML);

	//设置输出以纸张边缘为基
	LODOP.SET_PRINT_MODE("POS_BASEON_PAPER",true);

	//打印维护，只能对现有字段进行维护，不能添加或删除新字段
	//LODOP.PRINT_SETUP();

	//打印设计，可以添加、删除打印字段
	//LODOP.PRINT_DESIGN();

	//打印预览
	//LODOP.PREVIEW();

	//选择打印机
	//LODOP.PRINTA();

	//打印
	//if (LODOP.SET_PRINT_COPIES(num)){
	//	LODOP.PRINT();
	//}else{
	//	alert("设置打印份数失败！");
	//}
	LODOP.PRINT();
}
</script>

LODOP官方使用说明及样例：http://www.lodop.net/demo.html

回应(1)

asp生成CODE39码制的条形码

Function barCode(ByVal codeStr)
	'code 39码制条形码
	codeStr=UCase(codeStr)
	If emp(codeStr) Then Exit Function Else codeStr=UCase(cStr(codeStr))
	Dim s : s=codeStr
	If Not regTest(s, "^[abcdefghijklmnopqrstuvwxyz1234567890 +\-%$./]{1,40}$") Then Exit Function Else s="*"&codeStr&"*"
	s=Replace(s,"0","_|_|__||_||_|")
	s=Replace(s,"1","_||_|__|_|_||")
	s=Replace(s,"2","_|_||__|_|_||")
	s=Replace(s,"3","_||_||__|_|_|")
	s=Replace(s,"4","_|_|__||_|_||")
	s=Replace(s,"5","_||_|__||_|_|")
	s=Replace(s,"7","_|_|__|_||_||")
	s=Replace(s,"6","_|_||__||_|_|")
	s=Replace(s,"8","_||_|__|_||_|")
	s=Replace(s,"9","_|_||__|_||_|")
	s=Replace(s,"A","_||_|_|__|_||")
	s=Replace(s,"B","_|_||_|__|_||")
	s=Replace(s,"C","_||_||_|__|_|")
	s=Replace(s,"D","_|_|_||__|_||")
	s=Replace(s,"E","_||_|_||__|_|")
	s=Replace(s,"F","_|_||_||__|_|")
	s=Replace(s,"G","_|_|_|__||_||")
	s=Replace(s,"H","_||_|_|__||_|")
	s=Replace(s,"I","_|_||_|__||_|")
	s=Replace(s,"J","_|_|_||__||_|")
	s=Replace(s,"K","_||_|_|_|__||")
	s=Replace(s,"L","_|_||_|_|__||")
	s=Replace(s,"M","_||_||_|_|__|")
	s=Replace(s,"N","_|_|_||_|__||")
	s=Replace(s,"O","_||_|_||_|__|")
	s=Replace(s,"P","_|_||_||_|__|")
	s=Replace(s,"Q","_|_|_|_||__||")
	s=Replace(s,"R","_||_|_|_||__|")
	s=Replace(s,"S","_|_||_|_||__|")
	s=Replace(s,"T","_|_|_||_||__|")
	s=Replace(s,"U","_||__|_|_|_||")
	s=Replace(s,"V","_|__||_|_|_||")
	s=Replace(s,"W","_||__||_|_|_|")
	s=Replace(s,"X","_|__|_||_|_||")
	s=Replace(s,"Y","_||__|_||_|_|")
	s=Replace(s,"Z","_|__||_||_|_|")
	s=Replace(s,"-","_|__|_|_||_||")
	s=Replace(s,"*","_|__|_||_||_|")
	s=Replace(s,"/","_|__|__|_|__|")
	s=Replace(s,"%","_|_|__|__|__|")
	s=Replace(s,"+","_|__|_|__|__|")
	s=Replace(s,".","_||__|_|_||_|")
	s=Replace(s," ","_|__||_|_||_|")
	s=Replace(s,"$","_|__|__|__|_|")
	s=Replace(s, "_", "<i></i>")
	s=Replace(s, "|", "<b></b>")
	barCode="<style>div.barcode{clear:both;margin:0;padding:0;width:auto !important;background:#fff;}div.barcode i,div.barcode b{display:block;float:left;height:50px;font-size:0;overflow:hidden;}div.barcode i{width:2px;background:#fff;}div.barcode b{width:0;border-left:2px solid #000;}div.barcode div{clear:both;font-family:verdana;font-size:14px;line-height:20px;letter-spacing:25px;color:#333;}</style><div class=""barcode"">"&s&"<div>"&codeStr&"</div></div>"
End Function

Function regTest(ByVal str, p)
	Dim re
	Set re = New RegExp
	re.Pattern = p
	re.IgnoreCase = true
	re.Global = true
	regTest = re.Test(str)
End Function

回应

asp xmlhttp发送form表单、xml、json或文本等示例

'发送端
Dim http
set http=server.createobject("MSXML2.XMLHTTP")
'下面一行只有在发送表单时才需要添加
'http.setRequestHeader "CONTENT-TYPE", "application/x-www-form-urlencoded"
http.open "POST","http://127.0.0.1/respond.asp",false
http.send(表单、文本、json、xml)
If http.readystate=4 then
	'发送成功
	'如果接收数据为乱码，需要用adodb.stream进行转码
	'接收文本和json数据：text=http.ResponseText
	'接收xml：xml.Load(http.ResponseBody)，只有响应端的内容类型是text/xml时，可以使用xml.Load(http.ResponseXML)，也可以xml.LoadXML(http.ResponseText)
end if
Set http=Nothing

'响应端
'接收表单直接用Request.Form
'接收文本和json都是用adodb.stream对Request.BinaryRead(Request.TotalBytes)获取的二进制进行文本转换
'接收xml：xml.Load(Request.BinaryRead(Request.TotalBytes))
Dim xml
Set xml = Server.CreateObject("MSXML2.DOMDocument")
xml.preserveWhiteSpace = true
xml.async = false
'xml.Load(二进制)
xml.LoadXml(文本型xml)
If xml.parseError.errorCode <> 0 Then
	Response.Write "Description: " & xml.parseError.reason & "
Line: " & xml.parseError.Line
Else
	If xml.getElementsByTagName("name").length=0 Then
		Response.Write "节点不存在"
	Else
		Response.Write xml.getElementsByTagName("name").Item(0).text
	End If
End If

回应

1...29303132333435363738...39
王新阳
目录浏览
CSS  jQueryMobile  ueditor  JQUERY  正则  PHOTO  bootstrap  .htaccess  视频  电影  CI  web.config  WINDOWS  SQL  IIS  SEO    excel  书签  微博  HTML  nginx  video  JS  HTML5  layui  IT  PS  未分类  Apple  阿里云  ASP  linux  微信  PHPExcel  PHP  奇
2025-11-03 星期一 农历九月十四