html
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、諸暨網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、HTML5建站、電子商務(wù)商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為諸暨等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
body
script
/*
* 參數(shù)n為顯示行數(shù)
*/
function showSjStar(n){
for(var i=0;in;i++){
for(var p=0;pn-i;p++){//輸出空格,輸出個數(shù)為總行數(shù)減去當前行數(shù)
document.write("?");
}
for(var s=0;s2*i+1;s++){//輸出*,每行輸出的個數(shù)為 (2*行數(shù)+1)
document.write("*");
}
document.write("br");
}
}
showSjStar(5);//顯示5行*的等腰三角形,可以自己改變數(shù)字看一下
/script
/body
/html
有幾種方法
可以直接從后能把要顯示的數(shù)據(jù)組合成jason的形式然后在客戶端使用javascript畫圖,這個本人不是太煉因些只能講到這里!可能有第三方的javascript庫可以調(diào)用,可以搜一下!
第二種方法 就是在服務(wù)器端通過jfreechar之類的工具庫生成相應(yīng)的圖,然后在客戶端使用ajax定時更新圖片
古老的做法是用settimeout或者setinterval實現(xiàn)循環(huán)動畫,但是這樣就會造成題主說的,在且頁面的時候會造成混亂。
因為當頁面失去焦點時瀏覽器不再渲染頁面,但是settimeout/setinterval的請求不會停止,隊列會一直堆積動畫,當頁面再次獲得焦點時動畫隊列早已堆積了大量命令,就會導致動畫混亂。
現(xiàn)在的做法,籠統(tǒng)地說,是使用requestanimationframe函數(shù),用法和settimeout/setinterval類似,只不過requestanimationframe不接受時間參數(shù),函數(shù)的執(zhí)行頻率由瀏覽器的渲染幀數(shù)決定,這就實現(xiàn)了由瀏覽器決定動畫隊列,避免了動畫混亂。當然也可以使用一些現(xiàn)成的輪播
這是很多網(wǎng)頁前端設(shè)計者都面臨的一個問題,今天通過收集整理,把我常用的方法貼出來,希望能對需要的同行朋友有點幫助~~ 首稱貼一段js代碼: script type="text/javascript" var Image = {}; function SetMiddle(image, height){/// summary重設(shè)圖片大小后讓圖片相對于DIV居中/summary if (typeof(image) == 'string') image = document.images[image] || document.getElementById(image); var div = image.parentNode; if(div.nodeName != "DIV"){ div = div.parentNode;}if(image.height 0 image.height height){var marginTopVal= (height - image.height) / 2; image.style.marginTop =parseInt(marginTopVal)+"px"; ///不加px,在火狐下不支持!}else{image.height = height; image.style.marginTop = "0px";}} Image.Resize1=function(image,width,height){if(width==null||height==null)return;image.removeAttribute('width'); image.removeAttribute('height'); var w = image.width, h = image.height; var scalingW=w/width,scalingH=h/height; var scaling = w / h; if(scalingW=scalingH){image.width=width; image.height = width / scaling;}else{image.height=height; image.width = height*scaling;}} function imgReSize(imgObj,w,h){Image.Resize1(imgObj,w,h);SetMiddle(imgObj,h);}/script下面是具體的圖片調(diào)用js函數(shù)的方法: onload=imgReSize(this,628,452)函數(shù)有三個參數(shù),第一個就不用說了吧,每二個參數(shù)是說圖片的最大寬度,第三個參數(shù)是表示圖片的最大高度 當圖片的寬高任一個大于參數(shù)里設(shè)置的值的時候,圖片就會等比例縮小,且位置相對于外面的容器左右居中 多的不說了,你懂的~~~
1、創(chuàng)建一個名稱為? ?script_text 的html文件 。
2、添加一個 Script 對象引入js文件 設(shè)置id為 my_script_id_text,在script加入輸出字符串的語句。
3、添加一個button按鈕,在點擊事件中加入自定義函數(shù) 為my_script_text。
4、在javascript中創(chuàng)建一個自定義函數(shù)? ?my_script_text。
5、在自定義函數(shù)中獲取script對象。用 text屬性獲取 scripit中的內(nèi)容,將獲取的結(jié)果添加到p標簽中顯示。