Windows LiveWindows Live™
 
 
爬山虎 さんのプロフィール爬山虎的世界フォトブログリスト ツール ヘルプ

ブログ
    2005/07/14

    页面特技系列之二（首字放大下沉、左侧滚动条）

    [爬山虎原创]

     

    v 首字符放大下沉

     

     【演示】

     

    首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。

     

    【HTML代码】

     

    <DIV style="BORDER: 1px solid; WIDTH: 377px;">
     <P style="FONT-SIZE: 12px; LINE-HEIGHT:16px; padding-left:5px;">
     <SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px;">首</SPAN>字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。
     </P>
    </DIV>
     

     

     

    v 左侧滚动条

     

    【演示】

     

    　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

    　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

    　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。

     

    【HTML代码】

     

     <DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 377px; DIRECTION: rtl; HEIGHT: 100px">
     <DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
      <P>　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
      <P>　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
      <P>　　这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。这是一个左侧滚动条的例子。</P>
     </DIV>
    </DIV>

     

    14:16 | トラックバックの表示 (13 件) | この記事を引用 | MSN Spaces

    コメント (77 件)

    しばらくお待ちください。
    入力されたコメントは長すぎます。短くしてください。
    何も入力されていません。もう一度やり直してください。
    現在、コメントを追加できません。後でもう一度やり直してください。
    コメントと書くには、保護者 (ほごしゃ) の方の許可 (きょか) をもらってください。許可をリクエストする
    保護者 (ほごしゃ) の方が、あなたがコメントを書けないようにしています。
    現在、コメントを削除できません。後でもう一度やり直してください。
    1 日に投稿できるコメントの最大数を超えました。24 時間経過してから、もう一度やり直してください。
    あなたが他のユーザーに対して迷惑行為を行っている可能性があると確認されたため、お使いのアカウントによるコメントの投稿を無効にしています。誤って無効にされたと思われる場合は、Windows Live のサポートにお問い合わせください。
    コメントを投稿する前に、以下のセキュリティ チェックを完了してください。
    セキュリティ チェックに入力する文字は、画像に表示されている文字または音声で流れた文字と一致していなければいけません。

    コメントを投稿するには、お使いの Windows Live ID でサインインしてください (Hotmail、Messenger、または Xbox LIVE を既に使用している場合は、そのアカウントが Windows Live ID です)。サインイン


    Windows Live ID をお持ちでない場合は、アカウントを新規登録してください。
    Shen Yichaoさんの投稿:
    3x
    2 月 20 日
    孤独天星さんの投稿:
    xiexie
    10 月 18 日
    玩的就是心跳さんの投稿:
    这功能省地方，好！
    9 月 9 日
    king of wolfさんの投稿:
    不错不错
    有机会用的上
    8 月 21 日
    边生さんの投稿:
     不错啊，怪不得被推荐
    8 月 5 日
    ≥﹏≤ X!@O Sěvén^*^さんの投稿:
     和和
        spaces 系用 html 语法把
    7 月 31 日
    曹 caoさんの投稿:
    谢谢啊
    7 月 27 日
    六翼天使さんの投稿:
    恩~~试试...
    6 月 29 日
    Z guanyuさんの投稿:
    这个好玩,拿走了:)
    6 月 12 日
    嵇 方さんの投稿:
    <DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 377px; DIRECTION: rtl; HEIGHT: 100px">
     <DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">
      <P>　　抱歉,借贵宝地试验一下..........................................................................................................................................................................</P>
     </DIV>
    </DIV>
    6 月 5 日
    Brittanyさんの投稿:
    恩,不错.
    6 月 1 日
    胡 瑾さんの投稿:
    谢拉，链接了你的教程
    5 月 23 日
    胡 瑾さんの投稿:
    谢拉，链接了你的教程
    5 月 23 日
    匿名 の表示アイコン
    （没有名称） さんの投稿:
    谢谢！
    5 月 12 日
    Sunnyさんの投稿:
    3Q`~~~~``
    4 月 5 日
    Stefanさんの投稿:
    哪里有右边框的呢？
    4 月 1 日
    ZHAO Yueさんの投稿:
    万分感谢！我找了好久，终于会啦！
    3 月 24 日
    匿名 の表示アイコン
    wendy さんの投稿:
    大谢 这里的很多东西都很好用
    3 月 21 日
    叶 志芸さんの投稿:
    <DIV style="SCROLLBAR-FACE-COLOR: #9ebfe8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 384px; SCROLLBAR-SHADOW-COLOR: #ffffff; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #9ebfe8; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #9ebfe8; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
    <P align=left>&nbsp;</P></DIV>
     
    这个是我 尝试把 右边 改到左边的 但是 好像（＞﹏＜） 有点问题 .... 基本上 我只是加了： direction:rtl
    帮我改改... thanks 
    -____-"
     
    3 月 8 日
    Lさんの投稿:
    <DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 377px; BORDER-BOTTOM: 0px solid">
    <P style="PADDING-LEFT: 5px; FONT-SIZE: 12px; LINE-HEIGHT: 16px"><SPAN style="FONT-WEIGHT: bold; FONT-SIZE: 25px; FLOAT: left; COLOR: #f60; LINE-HEIGHT: 32px">首</SPAN>字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。首字符放大下沉示例。 </P></DIV>
     
     
     
    酱9m框框拉
    2 月 27 日
    次 >    最後 >>