|
|
|
ขอโค๊ด แบ็คกาวเลื่อนตามเม้าหน่อยครับ แบบ programming.in.th นี้อะครับ |
|
|
|
|
|
|
|
ลองขยับเม้าแล้วสังเกต แบ๊คกาวดูอะครับ
|
|
|
|
|
Date :
2013-05-26 10:52:53 |
By :
pxmaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
view source ดูครับ อยู่ในนั้นแหละ หา mousemove
|
|
|
|
|
Date :
2013-05-26 11:40:54 |
By :
PlaKriM |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผทเจอแต่
Code (JavaScript)
<script type="text/javascript">
jQuery.noConflict();
(function($) {
$(document).ready(function() {
$('.linkHover').imageFadeHover();
$('body').mousemove(function() {
var centerX = $('body').width()*0.5;
var centerY = $('body').height()*0.5;
var rX = (1800 - $('body').width()) * 0.5;
var diffX = event.pageX - centerX;
var diffY = event.pageY - centerY;
$('body').css({
'background-position-x': -(diffX*0.05 - rX)+'px',
'background-position-y': (diffY*0.05)+'px'
});
$('#idr-background').css({
'background-position-x': (diffX*0.2)+'px',
'background-position-y': (diffY*0.2)+'px'
});
});
});
})(jQuery);
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10505188-7']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
อะครับแต่พอเอาไปไว้ใน head ก็ไม่เห็นจะแสดงผล
|
|
|
|
|
Date :
2013-05-26 13:36:34 |
By :
pxmaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
idr-background
มันต้องมี element ตัวนี้ที่มี background ที่ต้องการอยู่นะ
|
|
|
|
|
Date :
2013-05-26 21:11:46 |
By :
PlaKriM |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ก็คือผมต้องไปหาโค๊ด css ของ idr-background ใช่ไหมครับจากนั้นก็บันทึกไว้ใน stly.css จากนั้นก็เอาโค๊ด
<script type="text/javascript">
jQuery.noConflict();
(function($) {
$(document).ready(function() {
$('.linkHover').imageFadeHover();
$('body').mousemove(function() {
var centerX = $('body').width()*0.5;
var centerY = $('body').height()*0.5;
var rX = (1800 - $('body').width()) * 0.5;
var diffX = event.pageX - centerX;
var diffY = event.pageY - centerY;
$('body').css({
'background-position-x': -(diffX*0.05 - rX)+'px',
'background-position-y': (diffY*0.05)+'px'
});
$('#idr-background').css({
'background-position-x': (diffX*0.2)+'px',
'background-position-y': (diffY*0.2)+'px'
});
});
});
})(jQuery);
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10505188-7']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
ไว้ใน HEad จากนั้นก็เอา <div id="idr-background"></div> ครอบเนื้อหาทั้งหมด
เป็นแบบนี้ไหมครับวิธีทำ
|
|
|
|
|
Date :
2013-05-27 06:39:41 |
By :
pxmaster |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|