Team:HZAU-China/Sponsors

From 2013.igem.org

(Difference between revisions)

Revision as of 11:42, 12 September 2013

<style>

background11{

   background:url();
   float:left;
   min-heiht:200px;
   width: 1000px;

</style>

 

Button




   
    

      
      变背景图像的按钮:
鼠标移到按钮上,按钮背景图会改变.

@@ Line 10: / Line 10: @@
 <div id="background11">
-   <style>.initial{background-image:url("/jscss/demoimg/bgdemo3.jpg");font-size: 30pt;font-family:Impact;color:#0099CC;} </style>
+  <html>
+<head>
-<script>
+<title>Button</title>
+<style>
+.initial{background-image:url("/jscss/demoimg/bgdemo3.jpg");font-size: 30pt;font-family:Impact;color:#0099CC;}
+</style>
+</head>
+<body bgcolor="#FFFFFF"  leftmargin="0" marginwidth="0">
+<table border="0" width="98%" cellspacing="0" cellpadding="0">
+  <tr>
+    <td colspan="3" valign="top" align="left"><br>
+      <p align="center"><font color="#3399FF" face="方正黄草简体" size="30"><strong>
+      变背景图像的按钮:<br>鼠标移到按钮上,按钮背景图会改变.</strong></font></p>
+        <script>
 <!--
 if (document.images){
@@ Line 18: / Line 29: @@
 after.src="/jscss/demoimg/bgdemo2.jpg"
 }
 function change(image) //改变背景图的路径
 {
@@ Line 25: / Line 37: @@
 }
 //-->
 </script>
+        <br>
+      <p align="left">&nbsp;
        <form onMouseover="change('/jscss/demoimg/bgdemo3.jpg')" onMouseout="change('/jscss/demoimg/bgdemo1.jpg')">
          <div align="center">
-           <input type="button" value="MEMBERS" class="initial" style="cursor:hand">
+           <input type="button" value="BUTTON1" class="initial" style="cursor:hand">
+          <input type="button" value="BUTTON2" class="initial" style="cursor:hand">
+          <input type="button" value="BUTTON3" class="initial"  style="cursor:hand">
          </div>
        </form>
+      <p></p>
+      <p align="left">&nbsp;</p>
+    </td>
+  </tr>
+</table>
+</body>
+</html>
 </div>