<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/mntDatePicker.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.showInfo();
$.functionOne();
$.functionTwo();
$.mnt.functionOne();
$.mnt.functionTwo();
$("#but").click(function(){
$("#con").changeBgColor("red");
});
$("#yin").click(function(){
var options = {
slices:20,
text:'qaq'
}
$(".test").shadow(options);
});
$("#changSpan").click(function(){
var str = $("#h").html("123e");
});
});
</script>
<style type="text/css">
#con{
width:100px;
height:50px;
border:1px solid red;
}
.test{
border:1px solid red;
font-size:18px;
color:#0033FF;
}
</style>
</head>
<body>
<div id="con"></div>
<button type="button" id="but">changeBgColor</button>
<div class="test">this is a yinying</div>
<input type="button" id="yin" value="yinying" >
<br />
<div id="h">
<span>1q2w3e4r</span>
<br />
<span></span>
</div>
<input type="button" id="changSpan" value="changSpan" >
</body>
</html>
-----------------js-------------------------
$.showInfo = function(){
console.log("这是全局showInfo()")
};
$.extend({
functionOne:function(){console.log("这是functionOne")},
functionTwo:function(){console.log("这是functionTwo")}
})
$.mnt = {
functionOne:function(){console.log("这是mnt.functionOne")},
functionTwo:function(){console.log("这是mnt.functionTwo")}
}
$.fn.changeBgColor = function(color){
this.css('background-color',color);
return this;
}
$.fn.shadow = function(options){
var defaults = {
slices:10,
opacity:0.1,
zIndex:-1,
text:"okkkkkk"
}
var $opts = $.extend(defaults,options);
return this.each(function(){
var $org = $(this);
alert($opts.text)
for(var i = 0;i < $opts.slices;i ++){
$org.clone().css({
position:"absolute",
left:$org.offset().left + 1,
top:$org.offset().top + 1,
margin:0,
zIndex:$opts.zIndex,
opacity:$opts.opacity
}).appendTo("body");
}
});
}
<style>
table{
font-family: verdana,arial,sans-serif;
font-size:11px;
color:#333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
}
td{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
th{
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;}
</style>
分享到:
相关推荐
这个“HTML笔记.zip”文件显然包含了关于HTML的学习资料,可能包括了基础概念、语法、元素、属性、标签等内容,帮助初学者或进阶者巩固和理解HTML的核心知识。 在HTML中,我们通过一系列的标签来构建网页结构。例如...
"HTML笔记传智讲师视频笔记适合初学者"这个标题暗示了这是一份针对初学者的教程资料,可能包含了从基础到进阶的HTML知识,通过传智讲师的教学方式来讲解。 描述中的"html学习笔记"表明这是关于HTML学习的过程记录,...
在这个HTML笔记中,主要涵盖了关于HTML和CSS的一些关键知识点,包括元信息设定、文本格式化、列表创建、表格构建、样式定义以及表单元素等。 首先,`<meta charset="UTF-8">`是一个非常重要的元标签,它定义了文档...
HTML笔记总结(1).md
自己总结的html笔记标签 非常适合初学者参考大牛复习 每个标签都标注了用途 需要的可以下载。
在韩顺平的HTML笔记中,我们可以学习到关于HTML的基础知识,包括文本格式化、超链接、图片元素以及表格的创建。以下是这些知识点的详细说明: 1. **文本格式化**: - `<font>`标签:在HTML4中,`<font>`标签用于...
HTML笔记资料包含了一系列关于HTML的基础知识,从语言剖析到标签详解,再到速查手册,涵盖了学习HTML所需的重要概念和实践技巧。 首先,"HTML语言剖析"部分可能涵盖了HTML的基本结构,包括文档类型声明、HTML元素、...
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记,涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点: 1. HTML基础知识: * DOCTYPE html是...
这本“html笔记”压缩包文件显然是针对HTML基础知识的整理,旨在帮助学习者掌握HTML的核心概念和使用技巧。 HTML由一系列元素组成,每个元素都由标签定义。这些标签告诉浏览器如何呈现网页内容。例如,“<html>”是...
该笔记适合0基础学员学习,希望对各位学者有所帮助!
Request(Javax.servlet.ServletRequest)它包含了有关浏览器请求的信息.通过该对象可以获得请求中的头信息、Cookie和请求参数。 Response(Javax.servlet.ServletResponse)作为JSP页面处理结果返回给用户的响应存储在...
HTML笔记.xmind
HTML笔记.rtf
HTML笔记(20220104194236).pdf
html笔记(20220104202912).pdf
HTML笔记(20220104202926).pdf
html笔记(20220104203448).pdf
Html笔记(20220104213806).pdf
HTML笔记.md