This section describes the special tags in HTML code that can make text in a Web page scroll and control its scrolling properties.Make scrolling textThrough the earlier chapter of the study, the reader has been able to control the various paragraph text display, but no matter how to set, the text is static. This sectio
Javascript text vertical scrolling code, javascript text scrolling
Javascript text vertical scroll code:
The vertical scroll code is mostly used for functional structures such as website news announcements, links, and image display. The following describes the
stop scrolling when the mouse is moved into the areaThird, examples1. Add hyperlinks to scrolling captionsscrollamountwidth=300>href =http://www.cctv.com> CCTV a> Marquee>2. Mouse over text, text stop scrollingscrollamount width onmouseover onmouseout=start ()> text content marquee>3. Multi-line text scrolling upMarqueeScrollAmount=2width=300Height=160direc
The HTML+CSS code is as follows:"Utf-8">"Banner"> "btn"> "background-position-y:56px;">"background-position-y:126px;">"background-position-y:-70px;">Full footage and code downloadSummarize:1, the page adjusts the background picture position, background-position This attribute is very important, by adjusting this attrib
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 he
In the daily work of the Carousel diagram on the page is necessary, then for the first little white, this article on the CSS Image scrolling code introduction is simple and understandable. I hope this article is helpful to you.
The CSS Picture Scrolling code example is as follows:
Note: In
This article mainly introduces two usages of HTML marquee tags. One is to let the text in the marquee tag scroll up and down, and the other is to make the text in the marquee tag scroll faster or slower. You can also use two of them together. Now let's see this article together.
Let's first recognize this HTML marquee tag:
This marquee tag has previously written about some of its usage and properties, what
lot of work on rolling subtitles, so I am not very excited about it, so I am not using much now. Many of my friends often asked how this was done. Now I am working on a detailed topic to give you a more comprehensive understanding.Rolling subtitles are included in the FrontPage component. However, the FrontPage software supports only one line of text. When multiple lines of text appear, it cannot do anything, and it can only support one line of scrolling
Html fileGundong-0.1.html
Copy 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:
Insert Video:Find a location to share, copy HTML code, and paste it into a Web page at Youku and other video sitesAutoPlay: Behind SWF? Videoids=xnda3otm4na=isautoplay=trueisshowrelatedvideo=falseembedid=-showad=0Insert Music:SRC path hidden whether to show Control Panel Autostart auto Play Loop loopSimple scrolling Effect:Direction
Now the mobile Internet is popular all over the world, moving the elements of the page is also rich and colorful, a mobile page of more than 10 pictures has been a normal thing. But in contrast, many mobile users are still stuck in a network like 2g,3g. So users of such bandwidth, when browsing such a page, to load the page complete, may need to 10s,20s or even more, seriously affect the user experience. For such a problem, it is important to have the picture on the page scroll (the picture appe
;
¥
yen;
?
copy;
?
reg;
X
times;
÷
devide;
Reference Link: HTML special character encoding comparison table
Iv. list 1, unordered list type=""> ......
type="square": Small Squarestype="disc": Solid Small Circletype="circle": Hollow Small Circle
2. Ordered list type="" start=""> ......
+ = "Parallel world the Parallel Universe-" +tips[index];This is used in arrays (tips) where many programming languages are interlinked, and the elements of the array start from 0||The code is simple, so don't repeat it here.2. Scroll the title. Here's the code:1 varRepeat=0//enter 0 to not repeat scrolling after 1 run, othersise, enter 12 vartitle=Document.titl
This article describes the JS implementation of some HTML fixed page at the top of the screen scrolling effect. Share to everyone for your reference, specific as follows:
We often see this special effect on Taobao, the list of goods is very long, and the product column name always stay at the top. If you scroll to the top of the scroll bar, it will automatically determine whether it is to the top, and then
Share a manually controlled picture of the left and right scrolling codefirst of all , the HTML section, create a layer, write his style, the layer in the creation of a smaller layer to store the picture needs to be scrolled, the small layer on both sides of the two small layer to hold the control picture left and right scrolling buttons. The
. Code Implementation
3. Main Ideas for implementation
Fix the width and height of the div, set CSS overflow: hidden, and then use the js Code to modify the scrollTop value of the div to implement scrolling.4. Other functions that can be implemented based on these features:
Auto-scroll, image-scroll, and other functions. This is a scroll up or down, so there shou
write at the beginning of the words
Search through the literature, did not find JS or jquery definition of the method available, and finally forced to write a method. (If any students know there are other ways, welcome to discuss)
Code var count_index = 0; $(window).scroll( function(e) { if(count_index == 0) { var timeIntervalFunction = setInterval(function() {
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.