⑴ 請問用JS怎樣做這個效果(點擊下邊的圓點轉換圖片)
使用Jquery類庫,步驟:
1、准備好html:
<divclass="container">
<divclass="item-list">
<divclass="itemactive"><imgsrc="0.jpg"alt="第1張圖"></div>
<divclass="item"><imgsrc="1.jpg"alt="第2張圖"></div>
<divclass="item"><imgsrc="2.jpg"alt="第3張圖"></div>
</div>
<divclass="item-control">
<ahref='javascript:;'class="active">●</a>
<ahref='javascript:;'>●</a>
<ahref='javascript:;'>●</a>
</div>
</div>
2、為html設置樣式
<style>
.container{
width:500px;
height:300px;
text-align:center;
background:red;
position:relative;
}
.container>.item-control{
display:inline-block;
width:100%;
left:0;
position:absolute;
bottom:10px;
background:rgba(0,0,0,0.2);
}
.container>.item-control>a{
font-size:20px;
color:rgba(255,255,255,0.7);
text-decoration:none;
}
.container>.item-control>a.active{
color:#fff;
}
.container>.item-list,
.container>.item-list>.item{
width:100%;
height:100%;
}
.container>.item-list>.item{
display:none;
}
.container>.item-list>.item.active{
display:block;
}
</style>
3、編寫Js
<script>
(function(){
$(document).on('click','.container.item-controla',function(){
var_index=$(this).index();
$(this).addClass('active').siblings().removeClass('active');
$('.container.item-list.item').eq(_index).addClass('active').siblings().removeClass('active');
})
})()
</script>
最終效果見圖:
⑵ 怎麼做js文件
1,建立一個擴展名為JS的文件,比如myjs.js
2,復制<script type="text/javascript">和</script>中間的JS代碼到這個文件中,然後保存!
3,在你的html頁面中加入JS引用代碼:<script type="text/javascript" src="myjs.js"></script>
注意:在引用JS一定要注意路徑問題,你可以在你的網站根目錄中建一個文件夾,比如:js然後把JS文件復制進行,引用的時候 src="/js/myjs.js"
祝你好運!
⑶ 想自己做一個創意網站,需要哪幾步,從哪步做起。HTML會點,JS不熟,JSP有用嗎,還有如何申請伺服器謝謝
1.製作網站:用CSS+DIV,如果不會,table排版也一樣,js在網上找,會用就行。
2.申請空間域名
3.上傳網站到伺服器
⑷ 急用:網頁設計:如何用JS實現:單擊按鈕就新打開一個的窗口,並設計該窗口的的長度和寬度
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //這句要寫成一行
-->
</SCRIPT>
參數解釋:
<SCRIPT LANGUAGE="javascript"> js腳本開始;
window.open 彈出新窗口的命令;
'page.html' 彈出窗口的文件名;
'newwindow' 彈出窗口的名字(不是文件名),非必須,可用空''代替;
height=100 窗口高度;
width=400 窗口寬度;
top=0 窗口距離屏幕上方的象素值;
left=0 窗口距離屏幕左側的象素值;
toolbar=no 是否顯示工具欄,yes為顯示;
menubar,scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小,yes為允許;
location=no 是否顯示地址欄,yes為允許;
status=no 是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
</SCRIPT> js腳本結束
⑸ 如何用自己的照片製作剪紙
把自己的照片製作成剪紙需要用到Photoshop軟體,具體步驟如下:
1、在電腦上打開Photoshop軟體,要製作出剪紙的效果圖,首先打開自己所需處理的照片,將背景圖層復制一份,得到背景圖層0拷貝,如下圖。
⑹ 求做一個簡單的HTML+CSS+JS的簡單網站
親,雖然我賬號採納率95%,回答這個問題有可能會拉低我的採納率,但是我還是想說一句(真心是忍不住說一句):
作為程序猿,個個都是苦逼的代言,你說不要很復雜的,但是我很負責任的告訴你,不管復雜不復雜,功能要實現就要寫一個完整的框架。而且你還要原創,不要網上一搜就搜到的,那麼請問閣下的誠意呢?懸賞5分,就能讓一個程序猿為您苦逼的敲代碼嗎?難道程序猿地位就這么低?
好吧,雖然我說話有點過分,但是真的是忍不住這么一說。如果你想學,很多人會樂意教,但是拿這5分心安理得的去換一個現成作品,我想,沒人樂意!
⑺ 做網頁必須要用PHP和js嗎
1、首先,你要分清楚,寫網站分為前段和後端。前段就是展示頁面,所用技術就是HTML,css,js.後端就是PHP,Python, java ,ruby等等。
做個比喻,HTML讓網站有了骨架,css讓網站有了色彩,js讓網站能夠動態。而後端的語言PHP就是讓網站有了思想。
2、js用於前端交互,php用於後台邏輯操作;
做網頁前端你可以不用js,但是很多功能無法實現,後台不用php當然可以,後台語言並不止php,可以用java,python等等;
3、做網站的伺服器端語言有:asp、asp.net 、php 、java 、 Python ....
做網站的前端端語言有:css 、 html 、 html5 、 javascript 、 jquery ....
必選:其中一門 服務端語言(後端) + html(或者html5) + css(網站樣式)+javascript(前端特效/必要時需要jquery)
⑻ 中華傳統文化剪紙的製作方法
簡單對稱圖案的剪法佔中國傳統文化剪紙很大的比重,不僅效果很好,而且就算初學剪紙也很容易上手的。
1、首先,以燈籠的剪紙DIY教程為例子來作示範。
把彩色紙對折,靠著閉口處剪出燈籠的一半,想想靠著開口剪會剪什麼結果?呵呵,就是左右兩邊斷開的燈籠了。
⑼ html+js做的網站,想做成APP怎麼封裝呢
如果要做網站封裝APP的話,其實非常簡單的,網上很多開發者服務平台都有這個功能,操作非常簡單,基本上一分鍾不到就可以封裝好。
在亥著開發者中心找到【產品概覽】-【封裝APP】
⑽ Dreamweaver做網頁時,怎麼插入JS
Javascript加入網頁有兩種方法:
1、直接加入HTML文檔
這是最常用的方法,大部分含有Javascript的網頁都採用這種方法,如:
<scriptlanguage="Javascript">
document.writeln("這是Javascript!採用直接插入的方法!");
</script>
2、在HTML中引用JS文件
這個是和html代碼是隔離的,需要新建一個以js結尾的文件,再引用,如:
<scripttype="text/javascript"src="slide.js"></script>
slide.js代碼
document.writeln("這是Javascript!採用直接插入的方法!");