Home > Developer > Web Develop
JQUERY+CSS3 Text Marquee Special effects is a marquee background made of 3D cube effect, text on the move, like a text projection to the wall, the corner will change the direction of movement.
Effect Show http://hovertree.com/texiao/jquery/83/
As follows:
The full HTML code is as follows:
<!DOCTYPE HTML><HTMLLang= "zh"><Head><MetaCharSet= "UTF-8"><Metahttp-equiv= "X-ua-compatible"content= "Ie=edge,chrome=1"> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1.0"><title>JQUERY+CSS3 Text Marquee Special effects-how to ask</title><BaseTarget= "_blank" /><Linkrel= "stylesheet"href= "Http://hovertree.com/texiao/jquery/83/css/style.css"></Head><Body><DivID= "Hovertreemarquee"> <Div><span>I & #x2764; Hovertree Me & #x2764;</span></Div> <DivAria-hidden= "true"><span>I & #x2764; Hovertree Me & #x2764;</span></Div></Div><formonsubmit= "SetText (event)"> <label for= "TextSource">Use your own text</label> <inputtype= "text"ID= "TextSource"value= "Hwq2.com is A good site!"autocapitalize= "Characters"pattern=". {5,60} "title= "5-30 character Length"placeholder= "Please enter text: hovertree.com"> <inputtype= "Submit"class= "BTN"value= "Use"></form> <Divclass= "Hovertreeinfo"><P>You can enter additional text, and then click the "Use" button.<BR/>Example: 1314520 hovertree.com<BR/>or: Welcome to the interview.<BR/> <ahref= "Http://hovertree.com/h/bjaf/bmfmnq8a.htm">Special Love symbol point here</a> <BR/>How to ask: you can enlarge or narrow the browser width to see the effect. </P></Div><Scriptsrc= "Http://down.hovertree.com/jquery/jquery-2.2.4.min.js"type= "Text/javascript"></Script><Scripttype= "Text/javascript"> functionSetText (Event) {Event.preventdefault (); Lefttext.innertext=textsource.value.toUpperCase (); Righttext.innertext=textsource.value.toUpperCase (); } varLefttext=Document.queryselector ("#hovertreemarquee Div:first-of-type span"); varRighttext=Document.queryselector ("#hov"+"Ertreemarquee Div:last-of-type span"); varTextSource=document.getElementById ("TextSource"); SetText ();</Script><Divstyle= "text-align:center;margin:50px 0; font:normal 14px/24px ' MicroSoft yahei ';"><P>Applicable browser: FireFox, Chrome, Edge, Safari, Opera, Proud Tour, Sogou, window of the world, IE11. IE8 and the following browsers are not supported.</P><P>Source:<ahref= "http://hovertree.com/"Target= "_blank">How to ask</a> <ahref= "http://hovertree.com/menu/texiao/">Web effects</a><ahref= "Http://hovertree.com/h/bjaf/paomadeng.htm">Code description</a></P></Div></Body></HTML>
Recommendation: Http://hovertree.com/h/bjaf/bmfmnq8a.htm
Web effects: http://www.cnblogs.com/roucheng/p/texiao.html
JQUERY+CSS3 Text Marquee Special effects
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
