<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个选项,点击最后一个,出现脚本,按照提示输入相关路径。就跟插入图片差不多。