Javascript: google scroll up and down effects, compatible with IE6, 7,8, FF

Source: Internet
Author: User

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = UTF-8 "/> <title> 2010 latest and fully compatible with ie6, ie7, ie8, ff css hack writing </title> <style type = "text/css"> # google1 {border: none; width: 270px; height: 20px; margin: 0px 0; font-size: 12px; padding-left: 0px; overflow: hidden; font-family: Arial ;}# google1 ul {margin: 0px; padding: 0px; list-style-type: none;} # google1 li {line-height: 20px ;} </style> </pead> <body> <ul id = "dhooo1"> <li> reincarnation. the mythical and creative new work "Qishan" is made public for the first time </li> <li> you can enjoy the p high-definition screen presentation of the game history of the West </li> <li> before the test, you must read the questions for beginners in the game history of the West </li> <li> we recommend that you war notes 36 highlights </li> <li> 1. Before the test, you must read the new questions in game history </li> <li> 2. Before the test, you must read 《 newbie issues in Journey to the West </li> </ul> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
This code was previously found on the Internet. Because I used it again today, I recorded it so that I could not find it in the future. I cannot find any instruction document that I want to search for it now!

This code is very concise and has excellent browser compatibility. The only problem is that if you want to scroll multiple lines, there will be problems! Therefore, you need to adjust the height of parameter C and style.

Related Article

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.