ÍøÕ¾×ª¶¯Í¨¸æÖÆ×÷½¨Á¢ÒÔ¿Í»§ÎªÖÐÐĵÄÂß¼£¬ÒÔÁ˽â¿Í»§ÐèÇó×÷ΪÊÂÇéµÄÆðµã£¬ÒÔÊÇ·ñÂú×ã¿Í»§ÐèÇó×÷ΪÊÂÇéµÄÆÀ¼Û±ê×¼£¬ÒÔ¿Í»§ÂúÒâ×÷ΪÎÒÃÇÊÂÇéµÄÄ¿±ê£¬ÒÔÁ¬ÐøÎª¿Í»§´´Á¢¼ÛÖµ£¬×ÊÖú¿Í»§ÊµÏÖÃÎÏ룬×÷ΪÎÒÃǵÄÓÀºã×·Çó¡£
±¾ÎÄĿ¼һÀÀ£º
- 1¡¢ÔõÑùÖÆ×÷ͨ¸æÀ¸Åä¾°
- 2¡¢Í¨¸æÀ¸ÔõÒÆ¶¯°¡
- 3¡¢ÓÃDIVCSS½á¹¹,Ôõô×öת¶¯µÄͨ¸æÀ¸
- 4¡¢ÌÔ±¦Í¨¸æ´Óϵ½ÉÏÎÄ×Öת¶¯´úÂë,¹òÇóÃîÊÖ!
ÔõÑùÖÆ×÷ͨ¸æÀ¸Åä¾°
ÖÆ×÷ͨ¸æÀ¸Åä¾°µÄÒªÁìÖ÷Òª°üÀ¨ÒÔÏÂÁ½ÖÖ£ºÊ¹Óö¯Ì¬×ª¶¯×ÖĻԴ´úÂ룺¹¦Ð§£ºÍ¨¹ý±àдԴ´úÂ룬¿ÉÒÔʵÏÖ×ÖÌåÑÕÉ«¿É»Ã»¯µÄת¶¯×ÖÄ»£¬ÎªÍ¨¸æÀ¸Åä¾°ÔöÌí¶¯Ì¬Ð§¹û¡£×Ô½ç˵ÄÚÈÝ£ºÆ¾¾Ý¸öÈËϲºÃµ÷½âͨ¸æÄÚÈÝ¡¢×ÖÌåÑÕÉ«¡¢×ª¶¯ËٶȵȲÎÊý¡£´úÂë²ÎÊý£ºscrollAmountÓëscrollDelay£º¿ØÖÆ×ª¶¯ËÙ¶È£¬ÊýÖµÔ½´ó£¬×ª¶¯Ô½¿ì¡£
´Ë´úÂëÖ¼ÔÚΪͨ¸æÀ¸Åä¾°ÔöÌí¶¯Ì¬Ð§¹û¡£Í¨¹ýÒÔϰ취£¬Äú¿ÉÒÔÆ¾¾Ý¸öÈËϲºÃµ÷½âͨ¸æÄÚÈÝ£¬×ÖÌåÑÕÉ«ÒÔ¼°×ª¶¯ËٶȵȲÎÊý¡£ÔÚ´úÂëÖУ¬Ã¿Ò»¸öµ¥Î»£¨¼´Ã¿ÐÐÎÄ×Ö£©Ö®¼ä¿É²åÈë¿Õ¸ñ£¬ÒÔʵÏÖ»»ÐÐЧ¹û¡£×ª¶¯ËÙ¶ÈÓÉ`scrollAmount`Óë`scrollDelay`²ÎÊý¿ØÖÆ£¬ÊýÖµÔ½´ó£¬×ª¶¯Ô½¿ì¡£
½«±¾ÎÄÉÏÃæ¡°¹¤¾ß/ÔÁÏ¡±¸øµÄÄÇ×é´úÂë¸´ÖÆ£¬Õ³Ìùµ½±à¼Æ÷£»½«µÚÈý²½±¸ÓõÄͼƬµØµã¸´ÖÆ£¬Õ³ÌùÖÁ¡°Å侰ͼµØµã¡±ÄÇÀï£¬Ìæ»»£»Ìîдͨ¸æÄÚÈÝ¡£5/5 µ÷½â¡£Èç¹ûÐèÒª²î±ð³ß´çµÄͨ¸æÀ¸£¬¿É×Ô¼ºµ÷½â¡£µÚÒ»×éheightºÍwidth»®·ÖÊÇͨ¸æÀ¸µÄ¸ßºÍ¿í¡£µÚ¶þ×éheightºÍwidth»®·ÖÊÇÎÄ×ÖÒÆ¶¯¹æÄ£¡£
ͨ¸æÀ¸ÔõÒÆ¶¯°¡
ͨ¸æÀ¸×Ô¼ºÔÚ²©¿ÍÒ³ÃæÖеÄλÖÃÒÆ¶¯Í¨³£ÊÇͨ¹ý²©¿ÍµÄÒ³Ãæ½á¹¹ÉèÖÃÀ´ÊµÏֵ쬶ø²»ÊÇͨ¹ýÐÞ¸Äͨ¸æÀ¸ÄڵĴúÂë¡£ÒÔÏÂÊÇÒÆ¶¯Í¨¸æÀ¸Î»ÖõÄÒ»°ã°ì·¨£º½øÈ벩¿Í¿ØÖÆÃæ°å£ºÊ×ÏÈ£¬µÇ¼µ½ÄãµÄ²©¿Íºǫ́ÖÎÀí½çÃæ¡£ÕÒµ½Ò³Ãæ½á¹¹ÉèÖãºÔÚ¿ØÖÆÃæ°åÖУ¬Ñ°ÕÒÓëÒ³Ãæ½á¹¹»òÄ£¿éÖÎÀíÏà¹ØµÄÑ¡Ïî¡£
ÔÚ¿ØÖÆÃæ°åÀÄã¿ÉÒÔÇáËɶ¨ÖÆÄãµÄÊ×Ò³¡£Ö»ÐèÑ¡Ôñ¡°¶¨ÖÆÎÒµÄÊ×Ò³¡±£¬Ò»¸ö¶Ô»°¿ò±ã»áµ¯³ö¡£Õâʱ£¬Äã¿ÉÒÔʹÓÃÊó±êµ¥»÷ÏëÒªÒÆ¶¯µÄÄ£¿é¡£Ò»µ©µã»÷£¬Ö¸Õë»áÄð³ÉËÄÏòµÄÊ®×Ö£¬Òâζ×ÅÄã¿ÉÒÔ×ÔÓɵØÍ϶¯ÕâЩģ¿éÁË¡£Õâ¸öÉè¼ÆÊ®·ÖÌùÐÄ£¬ÈÃÄãÄܹ»Æ¾¾Ý×Ô¼ºµÄϲºÃºÍÐèÒª£¬ÇáËɵ÷½âÊ×Ò³µÄ½á¹¹ºÍչʾÄÚÈÝ¡£
½øÈë¿ØÖÆÃæ°å£¬Ñ¡Ôñ¡°Ê×Ò³ÄÚÈÝά»¤¡±¡£ ÔÚ¡°×Ô½ç˵ͨ¸æÀ¸¡±Ïµã»÷½øÈë±à¼½çÃæ¡£ ÐÂÔöÒ»¸öÏîÄ¿£¬ºÃ±ÈÃüÃûΪ¡°ÎÒµÄͨ¸æ¡±¡£ ¹´Ñ¡¡°ÏÔʾԴ´úÂ롱ѡÏî¡£ ½«ÉÏÊö´úÂë¸´ÖÆÕ³Ìùµ½Ô´´úÂë¿òÄÚ¡£ Éú´æ¸ü¸Ä£¬²¢·µ»Ø×Ô½ç˵ÉèÖÃÒ³Ãæ¡£ ÔÚ¡°¶¨ÖÆÎÒµÄÊ×Ò³¡±ÖÐÌí¼ÓÄ£¿é¡£
ÓÃDIVCSS½á¹¹,Ôõô×öת¶¯µÄͨ¸æÀ¸
ƾ¾ÝÐèÒªÉèÖöÔÓ¦µÄ²ÎÊý£¬¾Í¿ÉÒÔʵÏÖת¶¯À²£¬°ÑÏëҪת¶¯µÄdiv±êÇ©°üÀ¨ÔÚmarquee±êÇ©ÀïÃæ¡£
Ê×ÏÈÈÃÎÒÃÇ´´Á¢Ò»¸öHTMLÎļþ¡£Í¨¹ý¼ÇÊÂÔÀ´±à¼£¬ÊéдÉÏÒ»¸öHTMLµÄÕûÌå½á¹¹¡£Êéдһ¸ödivÄ£¿é¡£½Ó×Å¿ªÊ¼Ð´css´úÂë¡£½ç˵ÉÏdivµÄ³¤¿í¡£ÀûÓÃoverflowÊôÐÔ£¬À´ÉèÖÃÊÇ·ñչʾת¶¯À¸¡£·¿ªHTMLÍøÒ³£¬¾ÍÒѾ¿ÉÒÔ¿´µ½ÓÒ±ßת¶¯À¸ÁË¡£
(¸ß¶ÈºÍ¿í¶Èƾ¾ÝÐèÒªÉ趨)×¢Ò⣺Èç¹ûֻд¸ß¶È£¬Ö»ÓбÊֱת¶¯Ìõ£¬Ö»Ð´¿í¶È£¬Ö»ÓÐˮƽת¶¯Ìõ£¬ËùÒÔʲô¶¼²»Ð´Ã»ÓÐЧ¹û¡£Í¬ÑùÔÚÕâÀoverflowÉèÖÃΪauto£¬Ò²¾ÍÊÇ˵Èç¹ûÄãµÄÒ³Ãæ¸ß¶È´óÓÚ300px£¬¾Í»áÓÐת¶¯Ìõ£»Èç¹ûСÓÚ300ÏñËØ£¬¾Í²»»áÓÐת¶¯Ìõ¡£
ÌÔ±¦Í¨¸æ´Óϵ½ÉÏÎÄ×Öת¶¯´úÂë,¹òÇóÃîÊÖ!
1¡¢behavior£º ÓÃÓÚÉ趨ת¶¯µÄ·½·¨£¬Ö÷ÒªÓÉÈýÖÖ·½·¨£ºbehavior=scroll£º ÌåÏÖÓÉÒ»¶Ëת¶¯µ½ÁíÒ»¶Ë£»behavior=slide£º ÌåÏÖÓÉÒ»¶Ë¿ìËÙ»¬¶¯µ½ÁíÒ»¶Ë£¬ÇÒ²»ÔÙÖØ¸´£»behavior=alternate £º ĬÈÏÖµ¡ª¡ªÌåÏÖÔÚÁ½¶ËÖ®¼äÀ´»Ø×ª¶¯¡£
2¡¢µã»÷±à¼¿ò×óϽǵĴúÂë¡£ Ö±½Ó½«´úÂë¼Óµ½ÏàÓ¦µÄλÖá£Ö±½Ó¸´ÖÆÄãÌÔ±¦Íø¹ã¸æ£¬ÔÚ²©¿Í±à¼Æ÷ÖÐÕ³Ìù¼´¿É¡£
3¡¢´úÂ룺£¨Í¼Æ¬±ØÐë°²ÅÅÔÚÍøÂç¿Õ¼ä»òÍøÂçÏñ²á£¬Ã»ÓпÉÒÔÏÈÉêÇëÒ»¸ö£¬ÐèÖ§³Ö±¦ÌÔÍâÁ´µÄ£©»¨Ñù£ºjpg¡¢gif¡¢html¡¢Îı¾ ÆÕͨµêËÁµÄ·ÏÎïÃèÊö³ß´ç¾ÞϸûÓÐʲôÏÞÖÆ£¬µ«¿¼Âǵ½ÏÔʾÆ÷µÄÏÔʾ³ß´ç£¬Ó¦ÕÆÎÕÔÚ1000PXÒÔÏ¡£
4¡¢·¿ªIEä¯ÀÀÆ÷£¬µã»÷²Ëµ¥À¹ØÁ¬Ä¡°¹¤¾ß¡±¡£Ñ¡Ôñ¡°INTERNETÑ¡Ï¡£ÔÚµ¯³öµÄ´°¿ÚÖУ¬µã»÷¡°¸ß¼¶¡±Ñ¡Ï¡£¹´Ñ¡¡°½ûÓýű¾µ÷ÊÔ¡±ºÍ¡°½ûÓýű¾µ÷ÊÔ¡±¡£Í¬Ê±£¬¹´Ñ¡¡°½ûÓýű¾Ìáʾ¡±¡£µã»÷¡°È·¶¨¡±Éú´æÉèÖ㬲¢ÖØÆôä¯ÀÀÆ÷¼ì²ìÎÊÌâÊÇ·ñ½â¾ö¡£
5¡¢ÌÔ±¦Ö±Í¨³µÊÇΪרְÌÔ±¦ºÍÌìèÂô¼ÒÁ¿Éí¶¨ÖÆµÄ£¬°´µã»÷¸¶·ÑµÄЧ¹ûÓªÏú¹¤¾ß£¬ÎªÂô¼ÒʵÏÖ·ÏÎïµÄ¾«×¼Íƹ㡣ËüÊÇÓɰ¢Àï°Í°Í¼¯ÍÅϵÄÑÅ»¢ÖйúºÍÌÔ±¦Íø½øÐÐ×ÊÔ´ÕûºÏ£¬ÍƳöµÄÒ»ÖÖȫеÄËÑË÷¾º¼Ûģʽ¡£ÌÔ±¦Ö±Í¨³µËûµÄ¾º¼Û½á¹û²»µ«¿ÉÒÔÔÚÑÅ»¢ËÑË÷ÒýÇæÉÏÏÔʾ£¬»¹¿ÉÒÔÔÚÌÔ±¦Íø£¨ÒÔȫеÄͼƬ+ÎÄ×ÖµÄÐÎʽÏÔʾ£©Éϳä·Öչʾ¡£
6¡¢ÇóÒ»ÇóÕâ¸öÎÄ×ÖµÄλÖÃÒª¸üÉϵڶþÕÅͼÉÏÃæÒ»ÑùbetterÁÐλµÄÊÖ¡£ÄÇÎÒÃÇÔÚÕâÀïÍò·Öлл£¬Ï¹òÁË¡£
ÍøÕ¾×ª¶¯Í¨¸æÖÆ×÷¸÷ÒµÎñÔ±±ØÐëÿÔÂÒ»´Î¶Ô¿Í»§½øÐÐ×߷ã¬Á˽â²úÆ·ÐèÇóÐÅÏ¢¼°¿Í»§¶Ô²úÆ·µÄ·´Ó¦£¬²¢½«Çé¿öʵʱ·´Ïì¸øhtmlת¶¯Í¨¸æ¡£×¨ÒµÏÖ´ú»¯×±ÐÞ½â¾ö¼Æ»®¡£ÎªÏû·ÑÕßÌṩ½ÏÓÅÖʵIJúÆ·¡¢½ÏÌùÇеÄЧÀÍ¡¢½Ï¾ß¾ºÕùÁ¦µÄÓªÏúģʽ¡£