本文目錄一覽:
- 1、JS代碼是什麼
- 2、用javascript怎麼實現地圖功能
- 3、JS代碼謝謝
- 4、請問南京地鐵線路標誌色
- 5、如何使用js跳轉代碼
- 6、最近要實現一個在地鐵線路圖上加標註的功能,類似於百度地鐵地圖功能,百度地圖有沒有API可調用?
JS代碼是什麼
Javascript是一種由Netscape的LiveScript發展而來的原型化繼承的面向對象的動態類型的區分大小寫的客戶端腳本語言,主要目的是為了解決伺服器端語言,比如Perl,遺留的速度問題,為客戶提供更流暢的瀏覽效果。當時服務端需要對數據進行驗證,由於網路速度相當緩慢,只有28.8kbps,驗證步驟浪費的時間太多。於是Netscape的瀏覽器Navigator加入了Javascript,提供了數據驗證的基本功能。
ActionScript 動作腳本是遵循 ECMAscript第四版 的 Adobe Flash Player 運行時環境的編程語言。它在 Flash 內容和應用程序中實現交互性、數據處理以及其他功能。 ActionScript是Flash的腳本語言,與JavaScript相似,ActionScript是一種編程語言,新出的AS3.0使用OOP(面對對象編程),增加更強的報錯能力,指定類型也更明確。
我是從「上海全鼎軟體學院」畢業的————————
用javascript怎麼實現地圖功能
lol,樓上仗劍折花的方法太幽默了,他那個完全是在模仿一種效果,如果是需要模仿就夠了的話還不如直接做成幾張圖片切換,還可以做的更加美觀,我覺得樓主是希望獲得能判斷經緯度的動態效果,不過如果要自己重頭創建的話幾乎不可能.不僅要用到web技術還需要gis技術以及具有空間地理坐標的地理數據,每一項都不是幾個人能在短期完成的工程,另一點樓主要實現實現顯示有意義的動態區域框的功能,如果是bs模式的話需要使用支持畫圖功能的語言,而這類語言當前瀏覽器支持均非常有限,替代方法是使用java applet,即編寫java,
直觀的概念,google map即包含樓主所要的經緯度的坐標數據,因為有這些數據所以你才能在google map上實現精確定位,畫圖功能google map也沒有實現,你可以找一些web gis的一些更加高級的應用網站應該有這項功能,所以,google map解決這個問題也不是一天兩天一個人兩個人能做好的,要不就不會成為google的產品了。
解決辦法,
你可以基於google提供的google map提供的api來創建你的應用,這樣經緯度,地圖數據以及主要的技術問題都由google map提供,你只需基於它創建自己的應用即可,但要知道如何使用google api也不是輕鬆的事。網上有很多關於google api學習的文章和著作,可先學習一下
JS代碼謝謝
!DOCTYPE html
html
head
title學號:12345 姓名:張二蛋/title
meta charset=”utf-8″
style type=”text/css”
.body {
width: 100%;
height: 100%;
}
.body-scorll {
width: 100%;
height: 100%;
background-color: blue;
color: white;
text-align: center;
}
.select-answer {
height: 100%;
display: inline-block;
}
.select-question-text {
width: 100%;
height: 100%;
margin: 10px 0px;
}
.last-answer {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 8px;
border-color: black;
border: solid 1px;
margin: 0px 10px;
}
.last-answer.selected {
background-color: red;
}
.myanswer-text {
margin-left: 20px;
}
.result-item {
width: 100%;
height: 100%;
margin-top: 10px;
}
.result-pane {
display: inline-block;
margin-left: 20px;
}
.result-answer {
width: 30px;
}
.result {
position: absolute;
z-index: 99;
top: 1%;
width: 100%;
background-color: yellow;
color: black;
transform: scale(1);
transition: all 5s;
-webkit-transition: all 5s; /* Safari 和 Chrome */
transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in; /* Safari 和 Chrome */
}
/style
/head
body
div class=”body-scorll”
div class=”select-question-item”
div class=”select-question-text”1、問題一的答案是什麼?/div
div class=”select-question-answer”
div class=”select-answer” type=”A” num=’1′
span class=”last-answer answer-1″ type=”A”/spanspan答案A/span
/div
div class=”select-answer” type=”B” num=’1′
span class=”last-answer answer-1″/spanspan答案B/span
/div
div class=”select-answer” type=”C” num=’1′
span class=”last-answer answer-1″/spanspan答案C/span
/div
div class=”select-answer” type=”D” num=’1′
span class=”last-answer answer-1″/spanspan答案D/span
/div
/div
/div
div class=”select-question-item”
div class=”select-question-text”2、問題二的答案是什麼?/div
div class=”select-question-answer”
div class=”select-answer” type=”A” num=”2″
span class=”last-answer answer-2″/spanspan答案A/span
/div
div class=”select-answer” type=”B” num=”2″
span class=”last-answer answer-2″/spanspan答案B/span
/div
div class=”select-answer” type=”C” num=”2″
span class=”last-answer answer-2″/spanspan答案C/span
/div
div class=”select-answer” type=”D” num=”2″
span class=”last-answer answer-2″/spanspan答案D/span
/div
/div
/div
div class=”select-question-item”
div class=”select-question-text”3、問題三的答案是什麼?/div
div class=”select-question-answer”
div class=”select-answer” type=”A” num=”3″
span class=”last-answer answer-3″/spanspan答案A/span
/div
div class=”select-answer” type=”B” num=”3″
span class=”last-answer answer-3″/spanspan答案B/span
/div
div class=”select-answer” type=”C” num=”3″
span class=”last-answer answer-3″/spanspan答案C/span
/div
div class=”select-answer” type=”D” num=”3″
span class=”last-answer answer-3″/spanspan答案D/span
/div
/div
/div
div class=”select-question-item”
div class=”select-question-text”4、問題四的答案是什麼?/div
div class=”select-question-answer”
div class=”select-answer” type=”A” num=”4″
span class=”last-answer answer-4″/spanspan答案A/span
/div
div class=”select-answer” type=”B” num=”4″
span class=”last-answer answer-4″/spanspan答案B/span
/div
div class=”select-answer” type=”C” num=”4″
span class=”last-answer answer-4″/spanspan答案C/span
/div
div class=”select-answer” type=”D” num=”4″
span class=”last-answer answer-4″/spanspan答案D/span
/div
/div
/div
div class=”select-question-item”
div class=”select-question-text”5、問題五的答案是什麼?/div
div class=”select-question-answer”
div class=”select-answer” type=”A” num=”5″
span class=”last-answer answer-5″/spanspan答案A/span
/div
div class=”select-answer” type=”B” num=”5″
span class=”last-answer answer-5″/spanspan答案B/span
/div
div class=”select-answer” type=”C” num=”5″
span class=”last-answer answer-5″/spanspan答案C/span
/div
div class=”select-answer” type=”D” num=”5″
span class=”last-answer answer-5″/spanspan答案D/span
/div
/div
/div
div class=”select-question-item”
div class=”select-question-text”6、問題六的答案是什麼?/div
div class=”select-question-answer”
div class=”select-answer” type=”A” num=”6″
span class=”last-answer answer-6″/spanspan答案A/span
/div
div class=”select-answer” type=”B” num=”6″
span class=”last-answer answer-6″/spanspan答案B/span
/div
div class=”select-answer” type=”C” num=”6″
span class=”last-answer answer-6″/spanspan答案C/span
/div
div class=”select-answer” type=”D” num=”6″
span class=”last-answer answer-6″/spanspan答案D/span
/div
/div
/div
div class=”select-question-item”
div class=”select-question-text”7、問題七的答案是什麼?/div
div class=”select-question-answer”
div class=”select-answer” type=”A” num=”7″
span class=”last-answer answer-7″/spanspan答案A/span
/div
div class=”select-answer” type=”B” num=”7″
span class=”last-answer answer-7″/spanspan答案B/span
/div
div class=”select-answer” type=”C” num=”7″
span class=”last-answer answer-7″/spanspan答案C/span
/div
div class=”select-answer” type=”D” num=”7″
span class=”last-answer answer-7″/spanspan答案D/span
/div
/div
/div
div class=”myanswer-item”
你的答案:div class=”myanswer”/div
/div
div class=”result-item”
div請錄入正確答案/div
div class=”result-pane”第一題input class=”result-answer result-1″/div
div class=”result-pane”第二題input class=”result-answer result-2″/div
div class=”result-pane”第三題input class=”result-answer result-3″/div
div class=”result-pane”第四題input class=”result-answer result-4″/div
div class=”result-pane”第五題input class=”result-answer result-5″/div
div class=”result-pane”第六題input class=”result-answer result-6″/div
div class=”result-pane”第七題input class=”result-answer result-7″/div
/div
button class=”result-btn”評分/button
div class=”result”/div
/div
/body
script src=””
/script
script
$(document).ready(function(){
var answer = [0,0,0,0,0,0,0];
$(‘.select-answer’).on(‘click’, function() {
var select_answer = $(this).attr(‘type’);
var number = $(this).attr(‘num’);
$(‘.answer-‘ + number).removeClass(‘selected’);
$(this).find(‘.answer-‘ + number).addClass(‘selected’);
answer[number – 1] = select_answer;
loadAnswer(answer);
});
$(‘.result-btn’).on(‘click’, function() {
var result = [0,0,0,0,0,0,0];
var resultHtml = ‘span class=”myanswer-text”學號:12345 姓名:張二蛋/span’;
var resultSum = 0;
for(var i = 0; i 7; i++) {
result[i] = $(‘.result-‘ + (i + 1)).val();
if(result[i] != answer[i]) {
resultHtml += ‘span class=”myanswer-text”第’ + (i + 1) + ‘題錯誤,正確答案為:’+ result[i] +’/span’;
resultSum++;
}
}
if(resultSum == 0) {
resultHtml += ‘span class=”myanswer-text”恭喜你全部答對/span’;
}
else {
resultHtml += ‘div class=”myanswer-text”你一共答錯了’+ resultSum + ‘道題/div’;
}
$(‘.result’).html(resultHtml);
$(‘.result’).css({
‘top’: ‘90%’
});
});
var loadAnswer = function(answer) {
var myanswerHtml = ”;
for(var i in answer) {
var numAnswer = parseInt(i) + 1;
if(answer[i] == 0) {
}
else if(i == 1 || i == 4) {
myanswerHtml += ‘span class=”myanswer-text”第’ + numAnswer +’題答案是’ + answer[i] + ‘/span’;
}
else {
myanswerHtml += ‘span class=”myanswer-text”第’ + numAnswer +’題答案是*/span’;
}
}
$(‘.myanswer’).html(myanswerHtml);
}
});
/script
/html
請問南京地鐵線路標誌色
南京地鐵線路標誌色
已開通運營的地鐵:
1號線標誌色:藍色
2號線標誌色:紅色
3號線標誌色:綠色
4號線標誌色:紫色
10號線標誌色:香檳色
S1號線標誌色:寶石綠
S8號線標誌色:深橘黃色
2020年前計劃通車的地鐵:
S3號寧和城際標誌色:粉紫色
S9號寧高二期標誌色:寶石綠(未定)
S7號寧溧城際標誌色:寶石綠
如何使用js跳轉代碼
javascript常用的頁面跳轉方法為:
window.location.href = some_url;
下面舉例演示點擊按鈕後,延遲3秒跳轉頁面:
1、HTML結構
input type=’button’ value=’延遲3秒跳轉到百度首頁’ onclick=”fun()”/
2、javascript代碼
function fun(){
setTimeout(function(){
window.location.href = “”
},3000);
}
3、演示效果:
最近要實現一個在地鐵線路圖上加標註的功能,類似於百度地鐵地圖功能,百度地圖有沒有API可調用?
百度地圖api:
全是js,引用包就行了,裡面有標註的添加,c#搞這個可以?
當然用js動態輕量操作啊
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/300907.html