<script type="text/javascript">
$(function(){
$('#demo1').on('click', function(){
webToast("恭喜您,修改成功恭喜您,修改成功恭喜您修改成功恭喜您","middle",3000);
});
$('#demo2').on('click', function(){
popTipShow.alert('彈窗標題','自定義彈窗內容,居左對齊顯示,告知需要確認的信息等', ['知道了'],
function(e){
//callback 處理按鈕事件
var button = $(e.target).attr('class');
if(button == 'ok'){
//按下確定按鈕執行的操作
//todo ....
this.hide();
}
}
);
});
$('#demo3').on('click', function(){
popTipShow.confirm('彈窗標題','自定義彈窗內容,居左對齊顯示,告知需要確認的信息等',['確 定','取 消'],
function(e){
//callback 處理按鈕事件
var button = $(e.target).attr('class');
if(button == 'ok'){
//按下確定按鈕執行的操作
//todo ....
this.hide();
setTimeout(function() {
webToast("操作成功","top", 2000);
}, 300);
}
if(button == 'cancel') {
//按下取消按鈕執行的操作
//todo ....
this.hide();
setTimeout(function() {
webToast("您選擇「取消」了","bottom", 2000);
}, 300);
}
}
);
});
$('#demo4').on('click', function(){
var html = "<label>姓名:<input class='confirm_input' placeholder='請輸入'></label>";
popTipShow.confirm('彈窗標題',html,['確 定','取 消'],
function(e){
//callback 處理按鈕事件
var button = $(e.target).attr('class');
if(button == 'ok'){
if(null==$(".confirm_input").val() || ""==$(".confirm_input").val()){
webToast("姓名不能為空!","bottom", 3000);
return;
}
this.hide();
setTimeout(function() {
webToast($(".confirm_input").val(),"bottom", 3000);
}, 300);
//按下確定按鈕執行的操作
//todo ....
}
if(button == 'cancel') {
//按下取消按鈕執行的操作
//todo ....
this.hide();
setTimeout(function() {
webToast("您選擇「取消」了","top", 2000);
}, 300);
}
}
);
});
});
</script>
㈡ 什麼是JS特效
JS特效就是網頁中實現來的特殊效果自或者特殊的功能的一種技術,是用網頁腳本(javascript)來編寫製作動態特殊效果。
比如圖片切換,漸變等等,它為網頁活躍了網頁的氣氛,有時候會起到一定的親切力。
JavaScript 是根據 "ECMAScript"標准制定的網頁腳本語言。這個標准由 ECMA 組織發展和維護。ECMA-262 是正式的 JavaScript 標准。
(2)登錄提示js特效擴展閱讀:
能夠具有交互性,能夠包含更多活躍的元素,就有必要在網頁中嵌入其它的技術。如:Javascript、VBScript、Document Object Model(DOM,文檔對象模型)、Layers和 Cascading Style Sheets(CSS,層疊樣式表)。
JavaScript 使網頁增加互動性。JavaScript 使有規律地重復的HTML文段簡化,減少下載時間。JavaScript 能及時響應用戶的操作,對提交表單做即時的檢查,無需浪費時間交由 CGI 驗證。JavaScript 的特點是無窮無盡的,只要你有創意。
㈢ 求一JS特效,在submit表單的時候彈出提示
首先在form加上,onsubmit="return false;",阻止form自動提交,如下
<form action="plugin.php?id=vipjihuo:goumai" method="post" onsubmit="return false;">
然後將button改用為普通的按鈕,依舊是防止提交;
3 在javascript裏手動提交
if(a==true)
{
document.forms[0].submit();
}
}else{
如果選擇取消,則不作任何動作
}
㈣ 怎麼在dreamweaver做好的網頁中,加入js特效。
在需要添加效果的元素<>裡面加上
onclick="某函數()" (滑鼠點擊觸發效果)
onload="某函數()" (進入頁面觸發效果)
onchange="某函數()" (改變內容觸發效果,用於文本輸入框)
onmouseover="某函數()" (滑鼠移動到元素上觸發效果)
onmouseout="某函數()" (滑鼠移除元素觸發效果)
onmousedown="某函數()" (滑鼠正在點擊觸發效果)
onmouseup="某函數()" (滑鼠釋放觸發效果)
參考網址http://www.w3school.com.cn/js/js_htmldom_events.asp
例如:
<script type="text/javascript" language="javacript">
function changetext()
{
document.getElementByID("text").innerHTML="Hello Word!";
}
</script>
<a id="text" onclick="changetext()">你好!</a>
<a>元素中使用了onclick,當滑鼠點擊「你好!」時,會觸發changetext()函數,將「你好!」變成「Hello Word!」
需要先了解JS文件裡面都有什麼函數以及函數的功能再使用。網上下載的一般會有注釋函數的功能。
該網站中還有代碼的教學http://www.w3school.com.cn/
㈤ 怎麼把網上下的JS特效,引入網頁中。!
dreamweaver的常用工具欄:有常用,布局,表單,文本,HTML,應用程序,FLASH元素等等
點擊HTML,有6個選項,點擊最後一個,出現腳本,按照提示輸入相關路徑。就跟插入圖片差不多。