📄 v4_si_final_with_demo.html
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!-- saved from url=(0025)http://www.techsmith.com/ -->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Created by Camtasia Studio 3</title>
<style>
a:link {font-size:small;text-decoration:none;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:5px;color:black;display:block;margin-top:0px;margin-bottom:0px;width:175px;}
a:visited {font-size:small;text-decoration:none;padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:5px;display:block;margin-top:0px;margin-bottom:0px;175px;}
a:hover {
font-size:small;
text-decoration:none;
padding-top:4px;padding-bottom:4px;padding-left:2px;padding-right:5px;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
background-color:white;
margin-top:0px;margin-bottom:0px;175px;
}
a.notdisplayed:link {
font-size: small;
text-decoration: underline;
padding: 3px;
border: 0;
color: white;
display:inline;175px;
}
a.notdisplayed:visited{
font-size: small;
text-decoration: underline;
padding: 3px;
border: 0;
color: white;
display:inline;175px;
}
a.notdisplayed:hover {
font-size: small;
text-decoration: underline;
padding: 3px;
border: 0;
background-color: transparent;
display:inline;175px;
}
DIV.spacer {
BORDER-TOP-WIDTH: 0px; CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px;
BORDER-RIGHT-WIDTH: 0px
}
.contentWrapper {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 0px;
MARGIN-top: 0px;
MARGIN-bottom: 0px;
margin-left:0px;
PADDING-TOP: 0px;
BORDER-RIGHT-WIDTH: 0px;
}
.contentWrapper_left {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 0px;
MARGIN-top: 0px;
MARGIN-bottom: 0px;
margin-left:0px;
PADDING-TOP: 0px;
BORDER-RIGHT-WIDTH: 0px;
}
.content {
border:1px solid #ccc;
PADDING: 0px;
MARGIN: 0px;
COLOR: #000000;
}
.content_left {
border-left:1px solid #ccc;
border-right:1px solid #ffffff;
border-top:1px solid #ccc;
border-bottom:1px solid #ffffff;
PADDING: 0px;
MARGIN: 0px;
COLOR: #000000;
}
.mediapl {padding:0px;margin-bottom:0px;border:0px;}
.roundedCornerSpacer {
BORDER-TOP-WIDTH: 0px; CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 1px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
.borderTL {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 24px; PADDING-TOP: 0px; HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0px
}
.borderTR {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 24px; PADDING-TOP: 0px; HEIGHT: 24px; BORDER-RIGHT-WIDTH: 0px
}
.borderBL {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 49px; PADDING-TOP: 0px; HEIGHT: 49px; BORDER-RIGHT-WIDTH: 0px
}
.borderBR {
BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 49px; PADDING-TOP: 0px; HEIGHT: 49px; BORDER-RIGHT-WIDTH: 0px
}
.borderTL {
CLEAR: both; FLOAT: left
}
.borderBL {
CLEAR: both; FLOAT: left
}
.borderTR {
CLEAR: right; FLOAT: right
}
.borderBR {
CLEAR: right; FLOAT: right
}
.borderTL {
MARGIN: -1px 0px 0px -1px
}
.borderTR {
MARGIN: -1px -1px 0px 0px
}.borderBL {
MARGIN: -1px 0px 0px
}
.borderBR {
MARGIN: -1px 0px 0px
}
.borderTL {
MARGIN-LEFT: -1px
}
UNKNOWN {
MARGIN-LEFT: -1px
}
.borderTR {
MARGIN-RIGHT: -1px
}UNKNOWN {
MARGIN-RIGHT: -1px
}
.borderBL {
MARGIN-LEFT: 0px
}
UNKNOWN {
MARGIN-LEFT: 0px
}
.borderBR {
MARGIN-RIGHT: 0px
}
p{margin-top:-1px;margin-bottom:0px;vertical-align:middle;font-size:small;}
.title{text-indent:6px;padding-bottom:3px;margin-top:-15px;vertical-align:middle;font-size:small;font-weight:bold;color:#444444;}
BODY {
BORDER-TOP-WIDTH: 0px;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
BORDER-RIGHT-WIDTH: 0px;
vertical-align: top;
}
BODY {
padding-top:2%;
PADDING-BOTTOM: 0px;
COLOR: #000000;
FONT-FAMILY: "Arial", san-serif;
BACKGROUND-COLOR: #cccccc;
background-repeat: repeat-x;
background-position: center top;
background-image: url(V4_SI_final_with_demo_media/images/background_darker.gif);
}
.mediaplayer{padding-top:0px;margin-top:0px;}</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language=javascript type="text/javascript">
function OnLoad()
{
timerInit();
}
</script>
<Script language=javascript type="text/javascript" >
function SeekTime( Time )
{
if (navigator.appName == "Netscape" && !window.GeckoActiveXObject )
{
document.mediaPlayer.getControls().setCurrentPosition( Time );
document.mediaPlayer.getControls().Play();
}
else
{
document.mediaPlayer.controls.currentPosition = Time;
document.mediaPlayer.controls.play();
}
}
</Script>
<script language=javascript type="text/javascript">
function ScrollToIndex( DivID, destIndex )
{
var nDestYCoord = destIndex.offsetTop;
var thisNode = destIndex;
while ( thisNode.offsetParent && ( thisNode.offsetParent != document.body) )
{
thisNode = thisNode.offsetParent;
nDestYCoord += thisNode.offsetTop;
}
nCurWindowYPos = GetCurrentScrollYPos( DivID.id );
//Only scroll if it's needed..
if( destIndex.offsetTop + destIndex.offsetHeight > DivID.clientHeight )
{
nDestYCoord -= DivID.clientHeight;
if( nDestYCoord > DivID.scrollTop )
{
DivID.scrollTop = nDestYCoord;
}
}
}
function GetCurrentScrollYPos( DivID )
{
var aDivs = document.body.getElementsByTagName("DIV");
for ( var i=0; i < aDivs.length; i++ )
{
var Div = aDivs[i];
聽 聽 if ( Div.id == DivID )
{
return Div.scrollTop
}
}
return 0;
}
</script>
<script language=javascript type="text/javascript">
function timerInit()
{
//Sets the timer to check every .1 second
window.setInterval("timer()", 100);
}
function timer()
{
if( mediaPlayer.PlayState == 3 )
{
var destIndex = null;
var curTime = mediaPlayer.controls.currentPosition;
if( curTime >= 0.000000 && curTime < 13.800001 )
{
document.getElementById('Index0').style.backgroundColor = '#ffffcc';
destIndex = document.getElementById('Index0');
}
else
{
document.getElementById('Index0').style.backgroundColor = '';
}
if( curTime >= 13.800001 && curTime < 109.300005 )
{
document.getElementById('Index1').style.backgroundColor = '#ffffcc';
destIndex = document.getElementById('Index1');
}
else
{
document.getElementById('Index1').style.backgroundColor = '';
}
if( curTime >= 109.300005 && curTime < 135.499006 )
{
document.getElementById('Index2').style.backgroundColor = '#ffffcc';
destIndex = document.getElementById('Index2');
}
else
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -