(43 intermediate revisions by 3 users not shown) | |||
Line 16: | Line 16: | ||
if (h < 500) { | if (h < 500) { | ||
if (h >= 200) { | if (h >= 200) { | ||
− | icon1.animate({ left: ' | + | icon1.animate({ left: '1.6vw' }, 800); |
− | icon1.animate({ top: ' | + | icon1.animate({ top: '30vh' }, 500); |
− | icon2.animate({ left: ' | + | icon2.animate({ left: '1.6vw' }, 800); |
− | icon2.animate({ top: ' | + | icon2.animate({ top: '45vh' }, 500); |
− | icon3.animate({ left: ' | + | icon3.animate({ left: '1.6vw' }, 800); |
− | icon3.animate({ top: ' | + | icon3.animate({ top: '60vh' }, 500); |
− | icon4.animate({ left: ' | + | icon4.animate({ left: '1.6vw' }, 800); |
− | icon4.animate({ top: ' | + | icon4.animate({ top: '75vh' }, 500); |
} | } | ||
} | } | ||
Line 82: | Line 82: | ||
position: fixed; | position: fixed; | ||
z-index:999; | z-index:999; | ||
− | background-color: | + | background-color:rgba(245,245,245,0.5); |
− | border-radius: | + | border-radius:10%; |
} | } | ||
+ | |||
/*==========================Global===============================*/ | /*==========================Global===============================*/ | ||
Line 93: | Line 94: | ||
#mw-content-text { | #mw-content-text { | ||
margin: 60px 0 0 0; | margin: 60px 0 0 0; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 106: | Line 103: | ||
margin:0 !important; | margin:0 !important; | ||
position: absolute !important; | position: absolute !important; | ||
+ | font-family:sans-serif !important; | ||
font-size: 9vw !important; | font-size: 9vw !important; | ||
− | |||
top:42vh !important; | top:42vh !important; | ||
left:9vw !important; | left:9vw !important; | ||
Line 116: | Line 113: | ||
font-size: 4vw !important; | font-size: 4vw !important; | ||
color: #000000 !important; | color: #000000 !important; | ||
− | top: | + | top:72vh !important; |
left:27vw !important; | left:27vw !important; | ||
} | } | ||
Line 157: | Line 154: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
/*小图标移动放大*/ | /*小图标移动放大*/ | ||
Line 178: | Line 170: | ||
.main-content { | .main-content { | ||
− | margin:0 | + | margin:0 14%; |
text-align:justify; | text-align:justify; | ||
} | } | ||
− | + | ||
− | + | figure { | |
− | margin: | + | margin-top:15px !important; |
+ | margin-bottom:30px !important; | ||
} | } | ||
+ | |||
figure img { | figure img { | ||
display: block; | display: block; | ||
margin:15px auto 15px auto; | margin:15px auto 15px auto; | ||
/*width:800px;*/ | /*width:800px;*/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
figcaption { | figcaption { | ||
− | + | text-align: justify; | |
− | text-align: | + | |
font-family: 'Times New Roman','sans-serif'; | font-family: 'Times New Roman','sans-serif'; | ||
+ | font-size:0.9em; | ||
+ | line-height:1.2em; | ||
+ | |||
} | } | ||
._table { | ._table { | ||
Line 218: | Line 208: | ||
font-size:48px; | font-size:48px; | ||
font-weight:bold !important; | font-weight:bold !important; | ||
+ | line-height:60px !important; | ||
} | } | ||
Line 224: | Line 215: | ||
margin:19px 0 !important; | margin:19px 0 !important; | ||
font-weight:bold !important; | font-weight:bold !important; | ||
+ | line-height:30px !important; | ||
} | } | ||
− | |||
− | |||
− | |||
.main-content p { | .main-content p { | ||
font-family: 'Avenir Light','Helvetica',sans-serif !important; | font-family: 'Avenir Light','Helvetica',sans-serif !important; | ||
− | + | font-size: 20px !important; | |
− | line-height:2em; | + | line-height: 1.7em; |
+ | text-align: justify !important; | ||
+ | margin-bottom: 2em; | ||
+ | |||
} | } | ||
− | . | + | .main-content a { |
− | + | color:blue !important; | |
− | + | ||
− | + | ||
} | } | ||
+ | .photo { | ||
+ | width:100%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .hp-photo { | ||
+ | width:700px; | ||
+ | margin:0 15%; | ||
+ | } | ||
+ | .divvideo,video { | ||
+ | text-align:center; | ||
+ | |||
+ | } | ||
</style> | </style> | ||
Line 258: | Line 260: | ||
var lp = $("#loading_icon span").width() | var lp = $("#loading_icon span").width() | ||
//Loading Icon | //Loading Icon | ||
− | $("#loading_icon").fadeOut( | + | $("#loading_icon").fadeOut(2000); //Aply: 2000,Debug: 1 |
Line 280: | Line 282: | ||
<body> | <body> | ||
<div id="loading_icon"> | <div id="loading_icon"> | ||
− | <span>MOSFET</span> | + | <!--<span>MOSFET</span>--> |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 01:03, 9 November 2018