.Image {
max-width:600px;height:auto;cursor:pointer;
border:1px dashed #4E6973;padding: 3px;
zoom:expression( function(elm) {
if (elm.width>560) {
var oldVW = elm.width; elm.width=560;
elm.height = elm.height*(560 /oldVW);
}
elm.style.zoom = '1';
}(this));}
posted @
2008-10-09 18:06 火舞狂歌 阅读(409) |
评论 (4) |
编辑
为LightBox 2.0 加入超大图时图片自动缩放功能！
图片尺寸的计算是从THICKBOX中提取出来的，没有什么原创的东西，只是又加工了一遍。呵呵~~
LightBox２.０的图片效果不错，就是如果图片的尺寸超大的话就把整个页面给撑坏了。所以才加上了这个自动缩放的功能！
源码下载
还有一个类似的效果，据传是从FACEBOOK中提取出来，叫做FACEBOX。同样也是没有加入大图自动缩小的功能。我也给加上了，放上来给用到的朋友们使用，同时也给自己做个备份。
效果图：
使用说明：见http://famspam.com/facebox
源码下载
posted @
2008-09-27 23:17 火舞狂歌 阅读(2285) |
评论 (4) |
编辑
在VS.NET 2008 中新建页时会有
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个标准，但对于IE 6 不支持这个标准，故在使用iframe是右边会有空白。将此句去掉并且需要把ifram所在的页面的body设置为overfolw：auto
还要把iframe里面要显示的页面也设置为overfolw：auto
这样才可以。呵呵，耗废了俺两个多小时。唉！
posted @
2008-09-23 21:49 火舞狂歌 阅读(273) |
评论 (0) |
编辑
一、图片应用。将英文的Close 改为关闭，及prev 和next 更改为 上一张和下一张 在thickbox.js中的位置
首先要下载未经过压缩的文件，下载地址：http://jquery.com/demo/thickbox/
打开thickbox.js文件，找到
找到prev 和next 位置改下面的代码：
TB_NextHTML = "<span id='TB_next'> <a href='#'>下一张 ></a></span>";
TB_PrevHTML = "<span id='TB_prev'> <a href='#'>< 上一张</a></span>";
将close 变为中文，搜索下，只要不在HTML标记内的全部改为关闭即可。
二、在使用iFrame 模式时，有可能需要关闭窗口时同时刷新父窗口，方法如下：在代码的最后加上下面的代码
// 刷新打开本窗口的opener窗口.
function refreshOpener(){
// 可能存在frame页面,所以要引用top窗口.
var win = top.window;
try
{
// 刷新.
if(win)
{
win.location.href=win.location.href;
}
}
catch(ex)
{
// 防止opener被关闭时代码异常。
}
}
// 刷新opener窗口后关闭自己。
function refreshOpenerAndCloseMe(){
refreshOpener();
tb_remove();
}
然后找到
$("#TB_closeWindowButton").click(tb_remove);
改为：
$("#TB_closeWindowButton").click(refreshOpenerAndCloseMe);
注：本人文彩不好希望看官能看懂！
posted @
2008-09-08 16:44 火舞狂歌 阅读(534) |
评论 (1) |
编辑
可以使用存储过程进行分页。可自定义外观样式。存储过程见附件的SQLhelper.CS文件中
先放图
代码片段：
Code
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
InitData(1);
}
private void InitData(int pageindex)
{
int recordcount = SqlHelper.GetRecordCount("orders");
FirePager1.RecordCount = recordcount;
FirePager2.RecordCount = recordcount;
FirePager3.RecordCount = recordcount;
DataTable dt = SqlHelper.GetDataByPager2000("orders", "OrderId", "1=1", FirePager1.PageSize, pageindex, "OrderId", 1, "OrderID,ShipName,ShipCity", recordcount);
GridView1.DataSource = dt;
GridView1.DataBind();
}
protected void FirePager1_PageChanged(object sender, EventArgs e)
{
InitData(FirePager1.CurrentPageIndex);
}
protected void FirePager3_PageChanged(object sender, EventArgs e)
{
InitData(FirePager3.CurrentPageIndex);
}
protected void FirePager2_PageChanged(object sender, EventArgs e)
{
InitData(FirePager2.CurrentPageIndex);
}
前台代码：
<div style="margin-bottom: 10px;">
<cc1:FirePager ID="FirePager1" runat="Server" MainTableStyle="text-align:left;" OnPageChanged="FirePager1_PageChanged"
PageSize="5">
</cc1:FirePager>
</div>
<asp:GridView ID="GridView1" runat="server" BackColor="White" Width="600px" BorderColor="#DEDFDE"
BorderStyle="None" BorderWidth="1px" CellPadding="4" ForeColor="Black" GridLines="Vertical">
<FooterStyle BackColor="#CCCC99" />
<RowStyle BackColor="#F7F7DE" />
<PagerStyle BackColor="#F7F7DE" ForeColor="Black" HorizontalAlign="Right" />
<SelectedRowStyle BackColor="#CE5D5A" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#6B696B" Font-Bold="True" ForeColor="White" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
<br />
<cc1:FirePager ID="FirePager2" runat="Server" PageLinkForeColor="#0030ce" PageNumberBoxBorderColor="#b7d8ee"
PageLinkHoverBackColor="#d2eaf6" PageLinkHoverForeColor="#0066a7" PageNumberHoverBorderColor="#b7d8ee"
PageLinkSelectedBackColor="#d2eaf6" PageLinkSelectedBorderColor="#b7d8ee" PageLinkSelectedForeColor="#444444"
OnPageChanged="FirePager2_PageChanged">
</cc1:FirePager>
<br />
<cc1:FirePager ID="FirePager3" runat="Server" LeftPageNumberBoxPadding="5px 7px 5px 7px"
PageLinkBackgroundImage="images/meneame.jpg" MainTableStyle="text-align:left;"
PageLinkForeColor="#ff6500" PageNumberBoxBorderColor="#ff9600" PageLinkHoverBackColor="#ffc794"
PageLinkHoverForeColor="#ff6500" PageNumberHoverBorderColor="#ff9600" PageLinkSelectedBackColor="#ffbe94"
PageLinkSelectedBorderColor="#ff6500" PageLinkSelectedForeColor="#ff6500" OnPageChanged="FirePager3_PageChanged"
PageSize="5">
</cc1:FirePager>
<br />
<cc1:FirePager ID="FirePager4" runat="Server" MainTableStyle="background-color:red;PADDING:3px; margin:3px; TEXT-ALIGN: left" />
posted @
2008-09-01 10:55 火舞狂歌 阅读(381) |
评论 (1) |
编辑
<script language="javascript">
var saveWidth = 0;
function scaleImg(what)
{
what = document.getElementById(what);
if (navigator.appName=="Netscape")
winW = window.innerWidth;
if (navigator.appName.indexOf("Microsoft")!=-1)
winW = document.body.offsetWidth;
if (what.width>(720) || saveWidth>(720)) {
if (what.width==(720))
what.width=saveWidth;
else
{
saveWidth = what.width;
what.style.cursor = "pointer";
what.width=(720);
}
}
}
</script>
<img id="img1" src="" onload="scaleImg('img1');" onclick="scaleImg('img1');" />
posted @
2008-08-18 22:17 火舞狂歌 阅读(222) |
评论 (1) |
编辑
CSS:
#fontbox{position:relative; font-family:黑体;font-size:96px;}
#idTopDiv {color:#FFFFFF;position:absolute;z-index:4;left:6px;top:6px;}
#idDiv{position:absolute;z-index:3;left:5px;top:5px;filter:progid:DXImageTransform.Microsoft.Blur(makeShadow=true,pixelRadius=3.0,shadowOpacity=0.8);}
使用：
<div id=fontbox>
<div id=idTopDiv>请从下方选择滤镜参数的值。</div>
<div id=idDiv>请从下方选择滤镜参数的值。</div>
</div>
效果：
缺点：
虽然效果实现了，但是代码量增加了，呵呵~~
posted @
2008-07-21 23:23 火舞狂歌 阅读(614) |
评论 (0) |
编辑