|
CSS-滤镜之二----发光
|
|
| 作者:
丁 博
日期:
2008-9-8
来源:
心知道 |
|
|
.yellow_border{
position:absolute;
padding:5px;
line-height:120%;
filter:
Dropshadow(offx=1,offy=0,color=#ffedab)
Dropshadow(offx=0,offy=1,color=#ffedab)
Dropshadow(offx=0,offy=-1,color=#ffedab)
Dropshadow(offx=-1,offy=0,color=#ffedab);
}
<div class="yellow_border">
这里就是文字，这个文字会发光哟。
</div>
见下图的效果哟,来自联卡网九月花花版
|
|
|
CSS-滤镜之一----透明
|
|
| 作者:
丁 博
日期:
2008-8-27
来源:
心知道 |
|
|
在CSS中有一个Alpha滤镜，这个滤镜可以设置目标元素的透明度。还可以通过指定坐标，从而实现各种不通范围的透明度。具体语法如下：
引用内容：
{filter：alpha(opacity=opacity,finishopacity=finishopacity,style=style,(转下行)
startx=startx,starty=starty,finishx=finishx,finishy=finishy)}
具体参数含义如下：
opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征：0 代表统一形状，1 代表线形，2 代表放射状，3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的 Y坐标。
finishx 渐变透明效果结束处的 X坐标。
finishy 渐变透明效果结束处的 Y坐标。
那个效果图片只用了短短一行就可以实现了：
引用内容：
filter:alpha(opacity=50);
自己不妨试试，CSS里面还有好多好玩的滤镜，呵呵……自己试着玩玩吧～
PS：只在IE下有效，在FF下无效！
|
|
|
.NET学习记录
|
|
| 作者:
丁 博
日期:
2008-8-25
来源:
心知道 |
|
|
1.变量定义
string aaa;定义一个字符变量
int bbb;定义一个数字变量
2.两个字符串相加
Dtgethitslist.Rows[i]["SupplierName"].ToString()+Dtgethitslist.Rows[i]["TicketName"].ToString()
在后加了个"ToString()"
3.获取字符串
cutStr(str,strlen).
例如：string s=cutstr("abcde",3)
<%=ECard.Common.Str.CutStr(Dtgethitslist.Rows[i]["SupplierName"].ToString()+Dtgethitslist.Rows[i]["TicketName"].ToString(), 32, "…")%>
|
|
|
图片/文字向上滚动，当前行显
|
|
| 作者:
丁 博
日期:
2008-7-30
来源:
心知道 |
|
|
图片/文字向上滚动，当前行显示完后停留一会再显示下一行。
用脚本实现的。
<style type="text/css">
#rollText{font:12px /20px verdana;}
</style> <div id="rollAD" style="height:40px; position:relative; overflow:hidden;">
<div id="rollText" style="font-size:12px; line-height:20px;">
<a href="">◇ 安理会改革拟新增七理事国</a><br />
<a href="">◇ 国务院领导工作分工确定</a><br />
<a href="">◇ 安理会改革拟新增七理事国</a><br />
<a href="">◇ 国务院领导工作分工确定</a><br />
<a href="">◇ 安理会改革拟新增七理事国</a><br />
<a href="">◇ 国务院领导工作分工确定</a><br />
<a href="">◇ 国务院领导工作分工确定</a><br />
</div>
</div>
<script type="text/javascript">
// <![CDATA[
var textDiv = document.getElementById("rollText");
var textList = textDiv.getElementsByTagName("a");
if(textList.length > 2){
var textDat = textDiv.innerHTML;
var br = textDat.toLowerCase().indexOf("<br",textDat.toLowerCase().indexOf("<br")+3);
//var textUp2 = textDat.substr(0,br);
textDiv.innerHTML = textDat+textDat+textDat.substr(0,br);
textDiv.style.cssText = "position:absolute; top:0";
var textDatH = textDiv.offsetHeight;MaxRoll();
}
var minTime,maxTime,divTop,newTop=0;
function MinRoll(){
newTop++;
if(newTop<=divTop+40){
textDiv.style.top = "-" + newTop + "px";
}else{
clearInterval(minTime);
maxTime = setTimeout(MaxRoll,5000);
}
}
function MaxRoll(){
divTop = Math.abs(parseInt(textDiv.style.top));
if(divTop>=0 && divTop<textDatH-40){
minTime = setInterval(MinRoll,1);
}else{
textDiv.style.top = 0;divTop = 0;newTop=0;MaxRoll();
}
}
// ]]>
</script>
|
|
|
