整合營銷服務商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
動手封裝。前兩天學習了一個新的事件animationEnd，一下子解決了我很多痛點。最近會陸續(xù)封裝一下移動端和pc端用到的小demo，歡迎一起討論。
效果如下：在輸入框輸入文字按“確定”按鈕就彈出輸入的消息提示
實現(xiàn)代碼：
html:
css:
js:
人在校生一枚，希望可以找到志同道合的小伙伴一起進步，不定期的更新自己的收獲，如果有大神的話可以指出我的不足，我用的是VS code軟件來寫代碼的
HTML 是個縮寫，全稱Hyper Text Markup Language，譯為超文本標記語言。它是一種標識性的語言。它包括一系列標簽．通過這些標簽可以將網(wǎng)絡上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
在<hard>頭部標簽中你可以 插入腳本（scripts）,樣式文件（CSS），以及各種meta信息。可以添加在頭部區(qū)域的元素有：<title>，<style>，<meta>，<link>等等
注釋快捷鍵：CTRL+? （注釋是不被運行的，作用就是幫助程序員記東西）
<!--這是一個注釋-->HTML完整結構
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--頭部，js和css寫在這里面-->
</head>
<body>
<!--內(nèi)容主體-->
</body>
</html>
可能我寫的會有些不清楚，到后面有代碼的時候就會清楚了
用方法：
調(diào)用initMessagebox(“要顯示的文字”)方法即可
<!--信息框-->
<div id="messagebox"></div>
<!--Load Jquery-->
<script src="js/jquery-1.11.3.min.js"></script>
<script>
/*提示信息框動態(tài)效果*/
var messageboxT;
var top1 = 10;
var opacity = 0;
//初始化數(shù)據(jù)
function initMessagebox(info) {
top1 = 10;
opacity = 0;
opacity1 = 1;
$("#messagebox").html(info);
$("#messagebox").css({ 'display': 'block' });
appearMessagebox();
}
//出現(xiàn)信息框
function appearMessagebox() {
top1 += 1;
opacity += 0.05;
if (opacity < 1) {
messageboxT = setTimeout("appearMessagebox()", 15);
}
else {
disappearMessagebox();
}
$("#messagebox").css({ 'top': String(top1) + 'px' });
$("#messagebox").css({ 'opacity': String(opacity) });
}
//隱藏信息框
function disappearMessagebox() {
opacity -= 0.05;
if (opacity > 0.05) {
messageboxT = setTimeout("disappearMessagebox()", 40);
}
else {
opacity = 0;
$("#messagebox").css({ 'display': 'none' });
}
$("#messagebox").css({ 'opacity': String(opacity) });
}
</script>
用到的css
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
