我有关于jQuery和javascript代码的问题; 当我在下面</head>和之间写下这个jQuery时<body>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('#page_effect').fadeIn(3000);
});
</script>
然后在body标签中编写javascript代码
<script src="bubbles.js"></script>
<script type="text/javascript">
bubblesMain(new Object({
type : 'linear',
minSpeed : 100,
maxSpeed : 400,
minSize : 30,
maxSize : 55,
num : 100,
colors : new Array('#FF0000','#FFFFFF','#FFCC99', '#FF33CC')
}));
</script>
然后jQuery代码可以工作,但JavaScript代码不起作用.最后我发现当我在第一次加载后调整浏览器大小时,可以运行.
bubble.js是自动创建一个canvas元素,然后在canvas中使用动画引发一些气泡.
部分代码如下:
function bubblesMain(obj){
bubbleResize();
bubbles = new bubbleObject(obj);
bubbles.createBubbles();
setInterval(start,1000/60);
};
//WHEN WINDOW HEIGHT IS CHANGED, REMAKE THE CANVAS ELEMENT
window.onresize = function(event) {
bubbleResize();
}
function bubbleResize(){
var height = …