[Html]
<! 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">
<Head>
<Title> JQuery's KinSlideshow plug-in creates a dazzling focus chart with parameter descriptions </title>
<Script language = "javascript" type = "text/javascript" src = "/Scripts/jquery-1.4.4.min.js"> </script>
<Script src = "/Scripts/jquery. KinSlideshow-1.2.1.min.js" type = "text/javascript"> </script>
<Script type = "text/javascript">
Var moveStyle
Var rand = parseInt (Math. random () * 4)
Switch (rand ){
Case 0: moveStyle = "left"; break;
Case 1: moveStyle = "right"; break;
Case 2: moveStyle = "down"; break;
Case 3: moveStyle = "up"; break;
}
$ (Function (){
$ ("# KinSlideshow1"). KinSlideshow ({moveStyle: moveStyle });
})
/**
* JQuery KinSlideshow plugin
IntervalTime: 5, // set the interval to 5 seconds (unit: seconds) [Default Value: 5 seconds]
MoveSpeedTime: 400 // The time required to switch an image. Unit: milliseconds. [Default Value: 400 milliseconds]
MoveStyle: "left", // optional value for the switch direction: [left | right | up | down] left: Switch left, right: switch right, up: switch up, down: switch down [Switch left by default]
MouseEvent: "mouseclick", // mouse operation button event. Optional values: [mouseclick | mouseover] mouseclick: mouse click switch. Mouseover: move the mouse over and switch. [Switch by default by clicking the mouse button]
IsHasTitleBar: true, // whether to display the title background. Optional values: [true | false] [true by default]
TitleBar: {titleBar_height: 40, titleBar_bgColor: "#000000", titleBar_alpha: 0.5}, // Title background style, (Enabled with isHasTitleBar = true)
TitleBar_height: 40-> title background height. [Default: 40]
TitleBar_bgColor: "#000000"-> title background color. [Default: #1, 000000]
TitleBar_alpha: 0.5-> title background transparency. value range: 0 ~ 1 ]. [Default: 0.5]
IsHasTitleFont: true, // whether to display title text optional value: [true | false] [true by default]
TitleFont: {TitleFont_size: 12, TitleFont_color: "# FFFFFF", TitleFont_family: "Verdana", TitleFont_weight: "bold"}, // Title text style, (isHasTitleFont = true)
TitleFont_size-> title text size in pixels. [Default: 12]
TitleFont_color: "# FFFFFF"-> title text color. [Default: #1, 000000]
TitleFont_family: "Verdana"-> title text font. [Default: Verdana]
TitleFont_weight: "bold"-> title text width. Value Options: [bold | normal] [Default: "bold"]. normal is normal and not bold.
IsHasBtn: true, // whether to display the button
Btn: {btn_bgColor: "#666666", btn_bgHoverColor: "# CC0000 ",
Btn_fontColor: "# CCCCCC", btn_fontHoverColor: "#000000", btn_fontFamily: "Verdana ",
Btn_borderColor: "#999999", btn_borderHoverColor: "# FF0000 ",
Btn_borderWidth: 1, btn_bgAlpha: 0.7} // button style setting (Enabled with isHasBtn = true)
Btn_bgColor: "#666666"-> button background color [Default: "#666666"].
Btn_bgHoverColor: "# CC0000"-> Slide button/click the background color [Default: "# CC0000"].
Btn_fontColor: "# CCCCCC"-> button text color [Default: "# CCCCCC"].
Btn_fontHoverColor: "#000000"-> Slide button/click the button text color [Default: "#000000"].
Btn_fontFamily: "Verdana",-> button text font [Default: "Verdana"].
Btn_borderColor: "#999999"-> button border color [Default: "#999999"].
Btn_borderHoverColor: "# FF0000"-> button slide/click the button border color [Default: "# FF0000"].
Btn_borderWidth: 1-> button Border width, in pixels cannot exceed 3 [Default: 1].
Btn_bgAlpha: 0.7-> button transparency. value range: 0 ~ 1] [Default: 0.7].
*
**/
</Script>
<Style type = "text/css">
# KinSlideshow {overflow: hidden; width: 600px; height: 300px ;}
</Style>
</Head>
<Body>
<H2>
Open the page and randomly select the switching mode (Direction) --- refresh the page <Div id = "KinSlideshow1" style = "visibility: hidden;">
<A href = "" target = "_ blank"> </a>
<A href = "" target = "_ blank"> </a>
<A href = "" target = "_ blank"> </a>
</Div>
</Body>
</Html>