{Giúp với} Hướng Dẫn Chèn Quả Tên Lửa Lên Đầu Trang Giống Diễn Đàn Đây!

AE làm theo các bước bên dưới nha
1. Vào file index.php của template đang sử dụng
2. Past đoạn mã sau vào phía sao </body> trước </html>

HTML:

<script>
var Totop = jQuery;
Totop(function(){
	Totop('html').append('<div id="totop"></div><div id="totop2"></div>')
	Totop('#totop').hover(function(){
		Totop('#totop2').fadeIn().mouseout(function(){
			Totop(this).fadeOut(200)
		})
	})
	var defaultTop=Totop(window).height()-10-249//10 vi tri canh bottom ban dau, 249 la chieu cao
	Totop(window).resize(function(){
		defaultTop=Totop(window).height()-10-249//phong tru truong hop resize trinh duyet
	})
	var ranPo=['-298px 0','-447px 0','-596px 0','-745px 0']
	Totop(window).scroll(function(){
		var $top=Totop(window).scrollTop()
		if($top>50){
			Totop('#totop').fadeIn(100)
			Totop('#totop2').css('top',defaultTop)
	   
		}else{
			Totop('#totop,#totop2').fadeOut(100)
		}
	})
	Totop('#totop2').click(function(){
		timeranPo=window.setInterval(function(){
		  Totop('#totop2').css({'background-position':ranPo[Math.floor(Math.random()*ranPo.length)],'display':'block'})
		},200)
		setTimeout(function(){
			Totop('html,body').stop().animate({scrollTop:'50px'},400,function(){
				Totop('#totop2').stop().animate({'top':'-250px'},300,function(){
					clearInterval(timeranPo)
					Totop('#totop2').css('background-position','-149px 0').hide()
				})
			})
		},800)
	})
})
</script>
<style>
	#totop,#totop2
	{
		position: fixed;right: 0;bottom: 10px;
		width: 149px;height: 249px;overflow: hidden;
		cursor: pointer;display: none;
		background: url(images/up.png) no-repeat 0px 0;
		z-index: 9999;
	}
	#totop2{
		background: url(images/up.png) no-repeat -149px 0;
	}
</style>

Save lại
3. Download ảnh http://diendan.joomlaviet.vn/up.png upload vào thư mục images của web
===> Xem thành quả
Note: Website phải có thư viện jquery mới chạy được nha! (Nếu chưa có nhúng jquery vào thì ae nhúng vào trước doạn mã phía trên)

HTML:

<script type="text/javascript" src="http://ajax.Googleapis.com/ajax/libs/jquery/1/jquery.min.js"> 

 

Sao mình làm đúng như bạn chỉ rồi mà ko đc @@
còn cái ảnh thì mình save vào tất cả thư mục images lun rồi

 

Thanks. Mình đã làm đc, nhìn vui mắt

 

Sao mình lảm rồi mà nó chỉ hiện ở trang chủ vậy? các trang khác không hiện

 

Ko ai giúp hết a?

 

Cái phải sử dụng tới jquery, & có khả năng xung đột jquery với một hiệu ứng nào đó trên web của bạn. Bạn phải debug xem nó xung đột với cái j, hay là thiếu files nào đó.
View source tìm "jquery.min.js" hay "jqueryxxxx.js" có ra nhiều kết quả chắc chắn là xung đột jquery rồi.

 

Lúc trước thì web của mình cũng có mũi tên up nhưng mình chèn cái tên lửa vào nó biến mất rồi. Giờ ko biết nó ở đâu mà xóa hết