<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 
     
    主站蜘蛛池模板: 国产va精品免费观看| 久久午夜夜伦鲁鲁片无码免费| 男女超爽刺激视频免费播放 | 免费的涩涩视频在线播放| 亚洲日韩乱码中文无码蜜桃臀| 精品一区二区三区免费毛片爱| 亚洲AV无码久久精品狠狠爱浪潮| 成人妇女免费播放久久久| 亚洲午夜未满十八勿入网站2| 国产V片在线播放免费无码 | 亚洲午夜福利在线观看| 国产在线国偷精品免费看 | 久久av无码专区亚洲av桃花岛| 国产精品视频白浆免费视频| 亚洲av日韩av激情亚洲| 免费人成视频在线观看网站| 亚洲欧洲日产国码二区首页| 无码国产精品一区二区免费| 亚洲综合在线一区二区三区| 日本黄页网站免费| 黄色免费在线观看网址| 伊人久久亚洲综合| 久久99国产综合精品免费| 亚洲综合久久精品无码色欲| 四虎永久免费地址在线网站| 国产精品黄页免费高清在线观看| 亚洲色成人中文字幕网站| 91人人区免费区人人| 亚洲日韩中文字幕一区| 免费观看四虎精品国产永久| baoyu777永久免费视频| 亚洲成人网在线观看| 日本一道一区二区免费看 | 91亚洲性爱在线视频| 国产网站在线免费观看| 99精品免费视品| 亚洲校园春色另类激情| 亚洲性久久久影院| 亚洲人成免费电影| 免费无码专区毛片高潮喷水| 亚洲黄色在线观看网站|