PHP & JavaScript Room :: 設置サンプル

実行結果

Corner.js v1.8 | 設置サンプル

corner.js

corner corner ishade50 ishadow20
corner ishade50 ishadow20 corner ishadow40 inverse corner iradius16
corner iradius24 ishadow33 inverse corner iradius20 ishadow33 corner iradius8 ishade75 ishadow33
corner iradius16 ishade66 ishadow30 corner iradius32 ishade50 ishadow25 corner iradius48 ishade33

justcorners.js

corners iradius32 corners iradiae1010 corners iborder1 icolorffffff

設置サンプルのソース

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <meta http-equiv="Content-Language" content="ja" />
      <meta http-equiv="Content-Script-Type" content="text/javascript" />
      <meta http-equiv="Content-Style-Type" content="text/css" />
      <meta http-equiv="imagetoolbar" content="no" />
      <title>Corner.js v1.8 | 設置サンプル</title>
      <link rel="stylesheet" type="text/css" href="/content/lib/global.css" />
      <script type="text/javascript" src="/content/lib/cornerjs/corner.js"></script>
      <script type="text/javascript" src="/content/lib/cornerjs/justcorners.js"></script>
      <style type="text/css">
         table { width:80%; }
         th { white-space:nowrap; text-align:left; }
         td { width:33%; padding-bottom:20px; }
      </style>
   <link rel="stylesheet" type="text/css" href="/common/css/example.css"></head>
   <body id='example3' class='example'><div class="ads" style="margin:32px auto;text-align:center;"></div><h1 class='h'><a href='/'>PHP &amp; JavaScript Room</a> :: 設置サンプル</h1>
<h3 class='h'>実行結果</h3>
      <h1><a href='http://www.netzgesta.de/corner/'>Corner.js v1.8</a> | 設置サンプル</h1>
      <h2>corner.js</h2>
      <table>
         <tr>
            <th>corner</th>
            <th>corner ishade50</th>
            <th>ishadow20</th>
         </tr>
         <tr>
            <td><img src="/content/img/pic2-thumb.png" class="corner" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner ishade50" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner ishadow20" /></td>
         </tr>
         <tr>
            <th>corner ishade50 ishadow20</th>
            <th>corner ishadow40 inverse</th>
            <th>corner iradius16</th>
         </tr>
         <tr>
            <td><img src="/content/img/pic2-thumb.png" class="corner ishade50 ishadow20" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner ishadow40 inverse" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner iradius16" /></td>
         </tr>
         <tr>
            <th>corner iradius24 ishadow33 inverse</th>
            <th>corner iradius20 ishadow33</th>
            <th>corner iradius8 ishade75 ishadow33</th>
         </tr>
         <tr>
            <td><img src="/content/img/pic2-thumb.png" class="corner iradius24 ishadow33 inverse" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner iradius20 ishadow33" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner iradius8 ishade75 ishadow33" /></td>
         </tr>
         <tr>
            <th>corner iradius16 ishade66 ishadow30</th>
            <th>corner iradius32 ishade50 ishadow25</th>
            <th>corner iradius48 ishade33</th>
         </tr>
         <tr>
            <td><img src="/content/img/pic2-thumb.png" class="corner iradius16 ishade66 ishadow30" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner iradius32 ishade50 ishadow25" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corner iradius48 ishade33" /></td>
         </tr>
      </table>
      <h2>justcorners.js</h2>
      <table>
         <tr>
            <th>corners iradius32</th>
            <th>corners iradiae1010</th>
            <th>corners iborder1 icolorffffff</th>
         </tr>
         <tr>
            <td><img src="/content/img/pic2-thumb.png" class="corners iradius32" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corners iradiae1010" /></td>
            <td><img src="/content/img/pic2-thumb.png" class="corners iborder1 icolorffffff" /></td>
         </tr>
      </table>
   </body>
</html>