✏️ 正在编辑: read me.html
路径:
/home/eblama1/sms.karnplayinland.com/assets/js/tipmessage/read me.html
提示:
您可以编辑任何文件(包括二进制文件),但请注意不当修改可能导致文件损坏。
<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>Untitled</TITLE><STYLE type="text/css"> font.dis{ color: #483D8B; font-style: italic; } font.code{ color: red; } font.imcode{ color: blue; } </STYLE> </HEAD> <BODY> <H1> DHTML tip message version 1.5 </H1> <H3 align="center"> Before using the generator get an idea of how this script works </H3> <H3> About the script: </H3> <P>My script creates a comprehensive DHTML tip message to help describe important links on your webpage. Modeled after a similar script by Eric Bosrup, it is extremely versatile in its placement and special effects to render as the tooltip is being displayed. The script supports over 26 different configuration parameters! Overall an excellent script that works cross browser (IE4+, NS4+, Opera 7+).</P><H3> To be able to use the generator easily you should know the following: </H3> <OL> <LI>Every tip message is created from a combination of one Text array and one Style array the word array in JavaScript means collection.</LI> <LI>The Text and the Style arrays consist the tip message's configuration values.</LI> <LI>Every Text and Style have a index number which will be used as a reference to them.</LI> <LI>The index number of the Text and Style array should be consecutive e.g. Text[0],Text[1] , Style[0],Style[1].</LI> <LI>You then implement the tips in the links [(A) tags or href tags] by using the <B>STM</B> function which means show tip message.<BR></LI> <LI>In the <B>STM</B> function you choose which Text and Style array or in other words configuration will be used for this tip</LI> </OL> <P>this is how the script should be implemented on your web site.<BR><BR><FONT class="code"><HTML><BR><HEAD><BR><FONT class="dis">// Make sure that you upload the main15.js to your server and include a link to it as the following</FONT><BR><FONT class="imcode"><SCRIPT language="JavaScript1.2" src="main15.js" type="text/javascript""></SCRIPT></FONT><BR><TITLE></TITLE><BR></HEAD><BR><BODY><BR><BR><FONT class="dis">// The following code is the <div> tag which is needed for the tip message work. The <div> tag should be right under the <body> tag NO where else will do!. In the generator you will be given the option of specifying the ID of the <div> tag. After generation if you changed the div tag's ID or removed it or miss placed it where it should be under the body tag the script will popup an alter box telling you that something is wrong with the div tag.</FONT><BR><FONT class="imcode"><DIV id="tiplayer" style="visibility:hidden;position:absolute;z-index:1000;top:-100;"></DIV></FONT><BR><BR><FONT class="dis">// And now for the Text and Style array configuration.<BR>Lets say that you wanted to create 3 tip messages that look the same (Same Style array used) with different text and title (different Text arrays used) for each tip. If so your code should look should look something like this but with your configuration of course.</FONT><BR><FONT class="imcode"><SCRIPT language="JavaScript1.2" ><BR><BR><FONT class="dis">//The Text array parameters come in the following order Text[...]=[title,text]<BR></FONT> <FONT color="#008080">Text[0]</FONT>=["this is title one","this is text one"]<BR><FONT color="#FF0066">Text[1]</FONT>=["this is title two","this is text two"]<BR><FONT color="#FF00FF">Text[2]</FONT>=["this is title three","this is text three"]<BR><BR><FONT class="dis">//The Style array parameters come in the following order Style[...]=[titleColor,TitleBgColor,TitleBgImag,TitleTextAlign,TitleFontFace,TitleFontSize,TextColor,TextBgColor,TextBgImag,TextTextAlign,TextFontFace,<BR>TextFontSize,Width,Height,BorderSize,BorderColor,Textpadding,transition number,Transition duration,Transparency level,shadow type,shadow color,Appearance behavior,TipPositionType,Xpos,Ypos]<BR></FONT> <FONT color="#666633">Style[0]</FONT>=["white","","","","",,"black","#ffffcc","","","",,,,2,"#b22222",2,24,0.5,0,2,"gray",,2,,13]<BR><BR><FONT class="dis">// these are global settings</FONT><BR>var TipId="tiplayer" <FONT class="dis">// should be the same as <div> tag's id</FONT><BR>var FiltersEnabled = 1 <FONT class="dis">// should be the set as to 1 if your going to use visual effects if not set to 0</FONT><BR>mig_clay()<BR><BR></SCRIPT></FONT><BR><BR><FONT class="dis">// Now that we created our Text and Style arrays needed lets implement them in the link tags by using a reference to the arrays by their index number in the STM function</FONT><BR><FONT class="imcode"><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#008080">Text[0]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip One</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip two</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF00FF">Text[2]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip three</A><BR><BR></FONT> <FONT class="dis">//Of course you may create more links using the same code these are three tips exactly the same</FONT><BR><FONT class="imcode"><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip four</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">Tip five</A><BR><a href="your url" onMouseOver="<FONT color="#CC0099">stm(</FONT><FONT color="#FF0066">Text[1]</FONT>,<FONT color="#666633">Style[0]</FONT><FONT color="#CC0099">)</FONT>" onMouseOut="<FONT color="#CC0099">htm()</FONT>">tip six</A></FONT><BR></BODY><BR></HTML></FONT><BR><BR><B>Note:</B><BR><FONT class="dis">If your going to use the same code on many pages its recommend that you use an external .js file to do that simply copy the array configuration code WITH OUT THE SCRIPT TAGS JUST WHAT'S BETWEEN IT and save it as style.js and include and link to it just like the main15.js but the link to the style.js should be in the body tag just under the div tag and also be sure to up load it to your server.</FONT></P><H3> Well that's all you need to know I hope I explained well pleas look at the demo.html before generating<BR>If your having problems pleas email me and I may help you create your tips.<BR>pleas email me if your using the script so i may list your website! </H3> <H3> Author: Essam Gamal (Migoicons)<BR>Email:<a href="mailto:migoicons@hotmail.com?subject=from a client">migoicons@hotmail.com</a><BR>Website: <A href="http://migoicons.tripod.com" target="_blank" title="click to go to my web site ">http://migoicons.tripod.com</A> </H3><BR><BR> </BODY> </HTML>
💾 保存文件
← 返回文件管理器