scrolling whiteboard

'); // Add a highlighted style to the current click and remove the highlighted style of the same level element } }); The auto-scroll mode is enhanced based on the click-scroll mode. It is nothing more than adding an auto-scroll event and clearing an animation event when you move the mouse over it.Here, I want to explain a little. in the DEMO, clear animation events are added for forward, backward, numeric, and area when the mouse is crossed. however, if the animation events to be cleared are all

Html fileGundong-0.1.htmlCopy codeThe Code is as follows: Js filesWordscroll-0.1.js Copy codeThe Code is as follows:* Multi-line text scrolling: Scroll left or up***/$. Extend ({WordScroll: function (opt, callback ){// Alert ("suc ");This. defaults = {ObjId :"",Width: 300, // The width of each rowHeight: 100, // div heightLiHeight: 25, // The height of each rowLines: 2, // The number of rows to be rolled each timeSpeed: 1000, // action timeInterval: 2

This example describes a method that jquery implements to scroll the contents of the specified content to the left or elsewhere. Share to everyone for your reference. Specifically as follows: This effect can achieve the top left corner logo but does not scroll, and the text is the main area of the page scrolling, when the user drags the scroll bar can see this effect, example is quite simple. Let's take a look at the results of the operation: The

Method One, custom pop-up layer Pop-up layer, we commonly used, here to share a person's pop-up layer plugin, page scrolling, pop-up layer used to center in the middle of the window position.If the HTML code is as follows code is as follows copy code Here's what you want to show, skip ... /tr> Mainly a total of 2 layers, the outside screen is a page mask layer, used to cover th

Copy Code code as follows: Scroll.js: Copy Code code as follows: /********** Function: To achieve horizontal or vertical seamless scrolling Parameters: Direction direction, total 4 values: Left,right,top,bottom Speed moving distance Itime how much time to start moving, if not write the page after loading start to move **********/ function Scroll (direction,speed,itime) { var odiv = document.getElementById (' scroll ')

Compatible text line height for each browser Copy Code code as follows: (function ($) { $.fn.extend ({ Rolltitle:function (Opt,callback) { if (!opt) var opt={}; var _this = this; _this.timer = null; _this.lineh = _this.find ("Li:first"). Height (); _this.line=opt.line?parseint (opt.line,15):p Arseint (_this.height ()/_this.lineh,10); _this.speed=opt.speed?parseint (opt.speed,10): 3000,//scrolling speed, the larger the number, the

Seamless scrolling picture effects (compatible with Firefox and IE) www.cxybl.com This article links http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130712/39059.html

Parallax scrolling is a unique form of webpage content. Its basic principle is to make multi-layer backgrounds move at different speeds to form a three-dimensional motion effect, delivers an excellent visual experience. As a hot trend in web design this year, more and more websites are applying this technology. Today's articleArticleI would like to share with you the exquisite cases of applications in the parallax scroll web page design and enjoy them

Operating System: Windows XP SP3 Symptom: the page is blank. Cause: Incorrect HTML character encoding Test reproduction: IE6/8 has no problems and is monopolized by IE7: source if you cannot see this text, note: IE7 does not

Copy codeThe Code is as follows:DEMO code: [Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]Source: http://www.cnblogs.com/airy

Copy Code code as follows: Effect Demo Code: [Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform] Source: Http://www.cnblogs.com/airy

"Problem description" We often see examples of scrolling displays, such as UC browsers, that display the contents of a Web page. When the content is relatively long, it is reasonable to use the scrolling paging display. In the canvas drawing, the extra content is truncated. How do I implement a scrolling paging display? Principle There is a function of coordin

As one of the hot trends in the future web design, "rolling parallax" has been adopted by more and more websites in recent years, and the special new display mode has also made many users bright. On the network also springing up a lot of like "30 exciting parallax scrolling website", "60 parallax Scrolling website appreciation" ... And a series of parallax scrolling