Special pop-up box effects commonly used by jquery
I. jquery floating box function, click the pop-up layer to support drag.
1.establish the HTML file named divtest.html and build the file architecture. The architecture file is demofdivs.rar. the content of divtest.html is as follows:
<! 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"> <Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8">
<Title> jquery can drag the pop-up layer plug-in to click the pop-up layer demonstration page </title>
</Head>
<Body>
<Script type = "text/javascript" src = "demo_data/jquery. min. js"> </script>
<Script type = "text/javascript" src = "demo_data/tipswindown. js"> </script>
<Link rel = "stylesheet" type = "text/css" href = "demo_data/demo.css">
<Script type = "text/javascript">
Function showtips1_wn (title, id, width, height ){
TipsWindown (title, "id:" + id, width, height, "true", "", "true", id );
}
Function confirmTerm (s ){
Parent. closesponwn ();
If (s = 1 ){
Parent.doc ument. getElementById ("isread"). checked = true;
}
}
// Call the pop-up layer
Function popTips (){
Showtipsdomainwn ("I want to ask", 'simtestcontent', 600,300 );
$ ("# Isread"). attr ("checked", false );
}
$ (Document). ready (function (){
$ (". Ico_pp"). click (popTips );
$ ("# Osiqq"). click (popTips );
// $ (". Ico_ OS"). click (popTips );
});
</Script>
<Div class = "box_ OS">
<Div class = "OS _x"> </div>
<Div class = "osqq">
<A href = "#" id = "osiqq">
</Div>
<Div class = "acbox">
<A class = "ico_pp" id = "" onclick = "FeedbackUtil. feed (''); "href =" javascript: void (0); "title =" ">
<A class = "ico_gt" href = "#" target = "_ self" title = "">
</Div>
</Div>
<Div class = "onlineService">
<P class = "ico_ OS"> </p>
<A class = "ico_pp" onclick = "FeedbackUtil. feed ('HTTP: // SC .admin5.com /? Action = save & B = ll '); "href =" javascript: void (0); "title =" ">
<A class = "ico_gt" href = "#" target = "_ self" title = "">
</Div>
<Script type = "text/javascript" src = "demo_data/online. js"> </script>
<Div style = "display: none;">
<Div id = "simTestContent" class = "simScrollCont">
<Form id = "qustion" name = "quesition" method = "post" action = "viewtheme. php">
<Input type = "hidden" name = "quesion" value = "1">
<Input type = "hidden" name = "aid" value = "{dede: field. fid/}">
<Input type = "hidden" name = "mid" value = "{dede: global. mid/}">
<Input type = "hidden" name = "uids" value = "{dede: global. uids/}">
<Input type = "hidden" name = "uid" value = "{dede: global. uid/}">
<Input type = "hidden" name = "fpic" value = "{dede: global. facepic/}">
<Textarea cols = "50" rows = "6" name = "q_content" style = "border: 1px # a0a0a0 solid; margin-left: 10px; overflow-x: hidden; overflow-y: hidden; width: 570px; height: 230px; "onclick =" this. value = ''"> enter the content you want to ask... </textarea>
<! -- <P class = "ti"> interview time: <span> {dede: field. s_time/}-{dede: field. e_time/} </p> -->
<P class = "ti" style = "margin-left: 150px;"> <input type = "submit" value = "" style = "width: 150px; line-height: 25px; "> </p>
</Form>
</Div>
</Div>
</Body> The content is for reference only. I hope it will help you...