<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    廢話不多說。
    直接下載看看
    posted @ 2009-05-18 11:02 勒緊皮帶向前沖 閱讀(268) | 評論 (1)編輯 收藏
     
    1. 兩種細線表格做法

    被過濾廣告
      源碼如下:

    <table width="100%" border="1" bordercolor="#000000">
      <tr bordercolor="#FFFFFF">
        <td>表格邊線為1,線色為黑,行線色為白。</td>
      </tr>
    </table>
    <p>
    <table width="100%" border="0" cellspacing="1" bgcolor="#000000">
      <tr>
        <td bgcolor="#FFFFFF">表格邊線為0,間距為1,背景色為黑,行背景色為白。</td>
      </tr>
    </table>

      2. 立體表格



      源碼如下:

    <table  border=1 cellspacing=0  width=100% bordercolorlight=#333333 bordercolordark=#efefef>
      <tr bgcolor=#cccccc>
        <td>it365cn</td>
        <td>it365cn</td>
        <td>it365cn</td>
        <td>it365cn</td>
      </tr>
      <tr bgcolor=#cccccc>
        <td>cnbruce</td>
        <td>cnbruce</td>
        <td>cnbruce</td>
        <td>cnbruce</td>
      </tr>
    </table>
    <center>表格邊線為1,間隔為0,左上為#333333,右下為#efefef,行背景色為#cccccc

    3. 另類圓角表格制作

     


      源碼如下:

    原圖:
    <table cellpadding=0 cellspacing=0 border=0 width=282 align=center>
      <tr height=1>
        <td rowspan=4 width=1></td>
        <td rowspan=3 width=1></td>
        <td rowspan=2 width=1></td>
        <td width=2></td>
        <td bgcolor=#43B5C9></td>
        <td width=2></td>
        <td rowspan=2 width=1></td>
        <td rowspan=3 width=1></td>
        <td rowspan=4 width=1></td>
      </tr>
      <tr height=1>
        <td bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
      </tr>
      <tr height=1>
        <td bgcolor=#43B5C9></td>
        <td colspan=3 bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
      </tr>
      <tr height=2>
        <td bgcolor=#43B5C9></td>
        <td colspan=5 bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
      </tr>
    </table>
    <p>放大
    <table cellpadding=0 cellspacing=0 border=1 width=282 align=center>
      <tr height=10>
        <td rowspan=4 width=10></td>
        <td rowspan=3 width=10></td>
        <td rowspan=2 width=10></td>
        <td width=20></td>
        <td bgcolor=#43B5C9></td>
        <td width=20></td>
        <td rowspan=2 width=10></td>
        <td rowspan=3 width=10></td>
        <td rowspan=4 width=10></td>
      </tr>
      <tr height=10>
        <td bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
      </tr>
      <tr height=10>
        <td bgcolor=#43B5C9></td>
        <td colspan=3 bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
      </tr>
      <tr height=20>
        <td bgcolor=#43B5C9></td>
        <td colspan=5 bgcolor=#43B5C9></td>
        <td bgcolor=#43B5C9></td>
      </tr>
    </table>
    4. 虛線邊框表格


      源碼如下:

    <style type="text/css">
    .tb{BORDER-BOTTOM: #000000 1px dotted;BORDER-top: #000000 1px dotted;BORDER-LEFT:
    #000000 1px dotted;BORDER-RIGHT: #000000 1px dotted;}
    </style>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tb"><center>www.blueidea.com</td>
      </tr>
    </table>
    <p>
    虛線直線1
    <hr size=1 style="border:1px dotted #001403;">
    虛線直線2
    <p size=1 style="border:1px dotted #001403;">

    5. 分類型表格

     

      源碼如下:

    <fieldset>
    <legend>item</legend>
    content
    </fieldset>


    6. 變色的單元格1,通過a:hover做


      源碼如下:

    <style>
    a:link,a:visited,a:hover
    {width:100%;text-decoration:none;font-family:verdana;font-size:10px;color:white}
    a:hover{background:#0099ff;color:black}
    td{background:#3366cc;color:white;padding:0px}
    </style>

    <TABLE width=100% cellspacing=1 bgcolor=black >
      <TR>
        <TD><a href="#">Blueidea
        <TD><a href="#">.com
      <TR>
        <TD><a href="#">CNBruce
        <TD><a href="#">.com
    </TABLE>

    7. 變色的單元格2,已經做成了CSS,注意還有透明效果

      源碼如下:

    <style type="text/css">
    .aa
    { background-color:#0000ff; color:#ff0000;filter: alpha(opacity=50)}
    .bb 
    { background-color:#3366cc; color:#ffffff}
    </style>

     

    <table  width="100%">
      <tr>
        <td  onmouseover="this.className='aa'" onmouseout="this.className='bb'"
    class="bb"><center><b>cnbruce</td>
       </tr>
    </table>


    8. 變色的單元格3,通過mouse事件做.有點微軟的味道


      源碼如下:
    <table width="100%" border="1" cellpadding="3" cellspacing="0"
    bordercolor="#efefef" bgcolor="#efefef">
      <tr>
        <td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'";
    onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'"><div align="left">
    Blueidea</div></td>
      </tr>
      <tr>
        <td
    onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'">
    cnbruce</td>
      </tr>
    </table>

    9. 透明表格

    <table bgcolor=#ececec style="filter:alpha(opacity=50)" width=200 height=100 border=0>
      <tr><td><center>cnbruce</td></tr>
    </table>

    10. 表格邊框顯示外陰影

      源碼如下:

    <table  align=center  width=200  height=100  bgcolor=#f3f3f3
    style="filter:progid:DXImageTransform.Microsoft.Shadow
    (Color=#333333,Direction=120,strength=5)">
      <tr>
        <td><center>www.cnbruce.com</td>
      </tr>
    </table>
    11. VML代碼實現的圓角表格
    (1).

     

      源碼如下:

    <html xmlns:v>
    <style>
    v\:*{behavior:url(#default#VML)}
    </style>
    <body>
       <v:RoundRect style="position:relative;width:150;height:240px">
        <v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>
        <v:TextBox style="font-size:10.2pt;">VML</v:TextBox>
        </v:RoundRect>
    </body>
    </html>

    (2).

      源碼如下:

    <html  xmlns:v>
    <style>
    v\:*{behavior:url(#default#VML)}
    </style>
    <body>
          <v:RoundRect  style="position:relative;width:150;height:240px">
    <v:path  textpathok="true"  />
          <v:textpath  on="true"  string="cnbrucecnbrucecnbrucecnbrucecnbruc
    ecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbrucecnbruce"  />
            <v:shadow  on="T"  type="single"  color="#b3b3b3"  offset="3px,3px"/>
            <v:TextBox  style="font-size:10.2pt;">VML</v:TextBox>
            </v:RoundRect> 
    </body>
    </html>

    (3).


      源碼如下:

    <html xmlns:v>
    <style>
    v\:*{behavior:url(#default#VML)}
    </style>
    <body>
       <v:RoundRect style="position:relative;width:150;height:240px" arcsize=0.5>
        <v:shadow on="T" type="single" color="#b3b3b3" offset="3px,3px"/>
        <v:TextBox style="font-size:10.2pt;">VML</v:TextBox>
        </v:RoundRect>
    </body>
    </html>

    posted @ 2009-05-10 09:42 勒緊皮帶向前沖 閱讀(240) | 評論 (0)編輯 收藏
     

    target="_top"或target="_parent"

    posted @ 2009-05-09 11:49 勒緊皮帶向前沖 閱讀(451) | 評論 (0)編輯 收藏
     

    如何讓PNG格式的透明圖片在IE6下正常顯示

    原文: Make PNG transparency work in Internet Explorer
    翻譯:PARAN

    初學網頁設計的朋友可能都會碰到這樣的問題,需要在網頁插入一透明圖片。如果使用Gif格式的透明圖片,可能像素低,顯示不夠清晰。如果用PNG格式透明圖片,在IE6下將達不到透明效果,而是灰色的背景。這會讓你的網頁看上去非常丑陋,任何一個網頁設計師都不想出現這樣的問題,下面是一個小小的教程,教你如何讓PNG格式的透明圖片在IE6下同樣能夠正常顯示。

    我們先來看看在透明PNG圖片在Mozilla Firefox和Internet Explorer 6中的顯示差異:

    Mozilla Firefox

    PNG透明圖片在Mozilla Firefox下顯示良好。

     

    Internet Explorer 6

    在IE6中這張PNG圖片的背景卻是一片灰白,真的很難看,除非你的網頁背景色就是一片灰白:)

     

    解決方法

    首先,為你的圖片外套一個DIV層,像這樣:

    <body> <div class=”flower”></div> </body>

    然后,在CSS文件里面寫入:

     

     body {background-color:#000} div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px} 

     

    呃,這是指Mozilla Firefox,要讓其在IE6下面正常顯示,你應該在<head>和</head>之間寫入:

    <!–[if gte IE 5]> <style type=”text/css”> div.flower { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’); } </style> <![endif]–> 

    這樣,就OK了,下面是加了上面代碼后的IE顯示圖:

     

    如果還是不太明白的話,你可以下載演示看看.

    注意如果是這樣會使得圖片的鏈接失效。
    如果是在頁面上直接顯示png圖片的話,可以直接插入圖片。如此演示

    如果要去掉圖片鏈接上的邊框,在<imag>中加入border=0 即可

    posted @ 2009-05-09 11:12 勒緊皮帶向前沖 閱讀(1047) | 評論 (0)編輯 收藏
     
     1/**  
     2 * @param input  
     3 * @return  
     4 * @throws Exception  
     5 */
      
     6public static String encryptData(String input) throws Exception {   
     7  
     8    SecureRandom sr = new SecureRandom();   
     9    byte rawKeyData[] = "ABCDEFGH".getBytes();   
    10    DESKeySpec dks = new DESKeySpec(rawKeyData);   
    11  
    12    SecretKeyFactory keyFactory = SecretKeyFactory.getInstance("DES");   
    13    SecretKey key = keyFactory.generateSecret(dks);   
    14  
    15    Cipher c = Cipher.getInstance("DES");   
    16    c.init(Cipher.ENCRYPT_MODE, key, sr);   
    17    byte[] cipherByte = c.doFinal(input.getBytes());   
    18    String dec = new BASE64Encoder().encode(cipherByte);   
    19    return dec;   
    20  
    21}
       
    22  
    23/**  
    24 * @param input  
    25 * @return  
    26 * @throws Exception  
    27 */
      
    28public static String decryptData(String input) throws Exception {   
    29    byte[] dec = new BASE64Decoder().decodeBuffer(input);   
    30  
    31    SecureRandom sr = new SecureRandom();   
    32    byte rawKeyData[] = "ABCDEFGH".getBytes();   
    33  
    34    DESKeySpec dks = new DESKeySpec(rawKeyData);   
    35  
    36    SecretKeyFactory keyFactory = SecretKeyFactory.getInstance("DES");   
    37  
    38    SecretKey key = keyFactory.generateSecret(dks);   
    39  
    40    Cipher c = Cipher.getInstance("DES");   
    41    c.init(Cipher.DECRYPT_MODE, key, sr);   
    42    byte[] clearByte = c.doFinal(dec);   
    43  
    44    return new String(clearByte);   
    45  
    46}
      
    47
    注:轉自 http://jlusdy.javaeye.com/blog/145803
    posted @ 2009-04-30 15:07 勒緊皮帶向前沖 閱讀(266) | 評論 (0)編輯 收藏
     
      1 import java.text.DateFormat;
      2 import java.util.*;
      3 
      4 public class JspCalendar {
      5     Calendar calendar = null;
      6 
      7     public JspCalendar() {
      8         calendar = Calendar.getInstance();
      9         Date trialTime = new Date();
     10         calendar.setTime(trialTime);
     11     }
     12 
     13     public int getYear() {
     14         return calendar.get(Calendar.YEAR);
     15     }
     16 
     17     public String getMonth() {
     18         int m = getMonthInt();
     19         String[] months = new String[] { "January""February""March",
     20                 "April""May""June""July""August""September",
     21                 "October""November""December" };
     22         if (m > 12)
     23             return "Unknown to Man";
     24 
     25         return months[m - 1];
     26 
     27     }
     28 
     29     public String getDay() {
     30         int x = getDayOfWeek();
     31         String[] days = new String[] { "Sunday""Monday""Tuesday",
     32                 "Wednesday""Thursday""Friday""Saturday" };
     33 
     34         if (x > 7)
     35             return "Unknown to Man";
     36 
     37         return days[x - 1];
     38 
     39     }
     40 
     41     public int getMonthInt() {
     42         return 1 + calendar.get(Calendar.MONTH);
     43     }
     44 
     45     public String getDate() {
     46         return getMonthInt() + "/" + getDayOfMonth() + "/" + getYear();
     47 
     48     }
     49 
     50     public String getTime() {
     51         return getHour() + ":" + getMinute() + ":" + getSecond();
     52     }
     53 
     54     public int getDayOfMonth() {
     55         return calendar.get(Calendar.DAY_OF_MONTH);
     56     }
     57 
     58     public int getDayOfYear() {
     59         return calendar.get(Calendar.DAY_OF_YEAR);
     60     }
     61 
     62     public int getWeekOfYear() {
     63         return calendar.get(Calendar.WEEK_OF_YEAR);
     64     }
     65 
     66     public int getWeekOfMonth() {
     67         return calendar.get(Calendar.WEEK_OF_MONTH);
     68     }
     69 
     70     public int getDayOfWeek() {
     71         return calendar.get(Calendar.DAY_OF_WEEK);
     72     }
     73 
     74     public int getHour() {
     75         return calendar.get(Calendar.HOUR_OF_DAY);
     76     }
     77 
     78     public int getMinute() {
     79         return calendar.get(Calendar.MINUTE);
     80     }
     81 
     82     public int getSecond() {
     83         return calendar.get(Calendar.SECOND);
     84     }
     85 
     86     public static void main(String args[]) {
     87         JspCalendar db = new JspCalendar();
     88         p("date: " + db.getDayOfMonth());
     89         p("year: " + db.getYear());
     90         p("month: " + db.getMonth());
     91         p("time: " + db.getTime());
     92         p("date: " + db.getDate());
     93         p("Day: " + db.getDay());
     94         p("DayOfYear: " + db.getDayOfYear());
     95         p("WeekOfYear: " + db.getWeekOfYear());
     96         p("era: " + db.getEra());
     97         p("ampm: " + db.getAMPM());
     98         p("DST: " + db.getDSTOffset());
     99         p("ZONE Offset: " + db.getZoneOffset());
    100         p("TIMEZONE: " + db.getUSTimeZone());
    101     }
    102 
    103     private static void p(String x) {
    104         System.out.println(x);
    105     }
    106 
    107     public int getEra() {
    108         return calendar.get(Calendar.ERA);
    109     }
    110 
    111     public String getUSTimeZone() {
    112         String[] zones = new String[] { "Hawaii""Alaskan""Pacific",
    113                 "Mountain""Central""Eastern" };
    114 
    115         return zones[10 + getZoneOffset()];
    116     }
    117 
    118     public int getZoneOffset() {
    119         return calendar.get(Calendar.ZONE_OFFSET) / (60 * 60 * 1000);
    120     }
    121 
    122     public int getDSTOffset() {
    123         return calendar.get(Calendar.DST_OFFSET) / (60 * 60 * 1000);
    124     }
    125 
    126     public int getAMPM() {
    127         return calendar.get(Calendar.AM_PM);
    128     }
    129 }
    130 
    posted @ 2009-04-23 13:55 勒緊皮帶向前沖 閱讀(240) | 評論 (0)編輯 收藏
     
    [java]比較兩個日期之間的天數<script src="http://blog.csdn.net/count.aspx?ID=438390&amp;Type=Rank"></script>
    1.import java.text.SimpleDateFormat;    
    2.import java.util.Date;    
    1.public class Tmp {    
    1.public static void main( String argv[] ) throws Exception {    
    1.long DAY = 24L * 60L * 60L * 1000L;    
    1.SimpleDateFormat df = new SimpleDateFormat( "MM.dd.yyyy" );    
    2.Date d1 = df.parse( "01.01.2001" );    
    3.Date d2 = df.parse( "01.03.2001" );    
    4.System.out.println( "The number days between:" );    
    5.System.out.println( d1 );    
    6.System.out.println( "and:" );    
    7.System.out.println( d2 );    
    8.System.out.println( "is: " + (( d2.getTime() - d1.getTime() ) / DAY ));    
    9.}    
    10.}  

    posted @ 2009-04-23 13:54 勒緊皮帶向前沖 閱讀(589) | 評論 (0)編輯 收藏
     
    1、這里說用css實現,下面是我摸索的全過程。

    一日,漫無目的的瀏覽css手冊,發現了text-overflow屬性可以截取字符串,就來用用,用了n次都不成功,懷疑需要與其他屬性連用,就找類似屬性進行組合使用,最后發現需要和overflow連用。

    2、舉例:
    <div style="overflow:hidden;width:200px;text-overflow:ellipsis">打開抗敵素可打開撒開綠燈撒愷撒棵擴大上愛迪生啊撒大可</div>
    posted @ 2009-04-15 13:38 勒緊皮帶向前沖 閱讀(347) | 評論 (0)編輯 收藏
     

    <a href="http://www.163.com" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.163.com');return(false);" style="behavior: url(#default#homepage)" >設置為我的首頁</a>

     

    加入收藏夾
    ·<A href="javascript:window.external.addFavorite('http://www.163.com','網易科技')"   target="_self">加入到我的收藏夾</A>

    posted @ 2009-03-28 11:51 勒緊皮帶向前沖 閱讀(353) | 評論 (0)編輯 收藏
     

    在WEB開發中,城市-省份是和日歷一樣需要我們特別處理的用戶信息,我們希望自己的程序能夠更人性化一些,既方便網友的輸入,又盡可能的采集到合法有效的信息,這個時候就需要借助一些插件。

    城市輸入插件我先后用過很多款了,因為涉及二級聯動,調用一般都比較復雜,這里推薦一個非常簡潔的工具,只需要一個JS文件,HTML頁面的代碼也比較干凈:

    演示地址:這里

    在北京賣場的活動中測試通過,不存在跨域等問題。

    另外,也順便測試了快樂笛子(site:http://www.happyshow.org/)編寫的日歷輸入插件,共同的特點就是簡潔,但功能一點也沒有縮水,特別值得推薦的是它可以快捷輸入年份與月份,比如,你要輸入12-23-1994,只要雙擊年份和月份,就可以從下拉列表中選擇1994和12,而不用一頁一頁的翻

    轉自:http://www.litejava.com/?action=show&id=206
    js文件可在我的文件中下載
    posted @ 2009-03-27 17:06 勒緊皮帶向前沖 閱讀(1652) | 評論 (0)編輯 收藏
    僅列出標題
    共14頁: First 上一頁 2 3 4 5 6 7 8 9 10 下一頁 Last 
     
    主站蜘蛛池模板: 污污视频免费观看网站| 暖暖在线视频免费视频| 在线亚洲人成电影网站色www| 国产三级免费观看| 亚洲卡一卡二卡乱码新区| 成人免费视频一区| 亚洲国产精品尤物yw在线| 黄色视频在线免费观看| AA免费观看的1000部电影| 在线观看亚洲AV日韩A∨| 亚洲精品第一国产综合境外资源| 一区二区三区精品高清视频免费在线播放 | 成人免费淫片在线费观看 | 亚洲福利视频一区二区三区| 最近最新MV在线观看免费高清| 亚洲色偷偷色噜噜狠狠99| 日韩精品亚洲专区在线观看| 成人精品视频99在线观看免费| 亚洲AV福利天堂一区二区三| 免费精品国偷自产在线在线| 国产成人亚洲综合a∨| 亚洲三区在线观看无套内射| h视频在线观看免费完整版| 四虎精品亚洲一区二区三区| 在线毛片片免费观看| 亚洲不卡1卡2卡三卡2021麻豆| 日本一区二区免费看| 亚洲乱码在线观看| 亚洲国产精品日韩| 日韩电影免费观看| 亚洲AV日韩AV一区二区三曲| 亚洲av无码一区二区三区乱子伦 | 亚洲人成日本在线观看| aa毛片免费全部播放完整| 亚洲美女精品视频| 亚洲AV伊人久久青青草原| 91精品手机国产免费| 青青草国产免费国产是公开| 亚洲中文字幕久在线| 亚洲午夜无码久久久久| 日韩高清免费观看|