当前位置: 编程技术>WEB前端
本页文章导读:
▪流行趋势：27个引领时尚的网页设计作品【上篇】 之前和大家分享过 HTML5 网页作品、CSS 网页作品、移动网页作品以及各种行业的网站作品，例如餐饮、酒店、设计工作室、旅游等等。很多的网页设计师花费大量的时间来建立一个漂亮的.........
▪打开新窗口，关闭当前页面，不弹出关闭提示。 <script type="text/javascript"> function closeIt() { window.opener = ''; window.open('http://www.baidu.com'); window.open('', '_self'); window.close(); } self.setInterval("newTime()", 1000) var t = 4;.........
▪demo-日历 每次开发页面的时候，如果有日历，都会去找插件。原因当然是不想在这么一个小地方，花太多时间。这次刚好有时间，自己写了一个日历。稍加修改，以后也可以拿来做插件。功能方面，想.........
[1]流行趋势：27个引领时尚的网页设计作品【上篇】
之前和大家分享过 HTML5 网页作品、CSS 网页作品、移动网页作品以及各种行业的网站作品，例如餐饮、酒店、设计工作室、旅游等等。很多的网页设计师花费大量的时间来建立一个漂亮的网站设计，这些网页看上去非常优雅，充满吸引力。
您可能感兴趣的相关文章
- 35个非常漂亮的单页网站设计案例
- 35款精致CSS3和HTML5网页模板
- 激发你灵感的20个多彩的网页作品
- 15个精美的 HTML5 单页网站作品
- 带给你灵感的20个漂亮的单页网站
Trafika Creative Studio
La Grange
BeoPlay A9
5emegauche
Cabinet Cohen
Oasys Water
梦想天空（jizhula.com）关注前端开发，HTML5和CSS3应用，分享jQuery插件，网页设计案例。
RDG
EasyCloud
Themeshaker
My Provence Festival 2012
Officeline – Lei
Impress A Penguin
梦想天空（jizhula.com）关注前端开发，HTML5和CSS3应用，分享jQuery插件，网页设计案例。
Quest for the Graphical Web
DesignBlvd
您可能感兴趣的相关文章
- 10套精美的免费网站后台管理系统模板
- 20个优秀的国外电子商务网站设计案例
- 分享50个优秀的电子商务网站设计案例
- 60佳优秀的国外电子商务网站设计案例
- 25个国外优秀的电子商务网站设计案例
本文链接：分享最新27个引领时尚的创意网页设计作品【下篇】
编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
本文链接
[2]打开新窗口，关闭当前页面，不弹出关闭提示。
<script type="text/javascript">
function closeIt() {
window.opener = '';
window.open('http://www.baidu.com');
window.open('', '_self');
window.close();
}
self.setInterval("newTime()", 1000)
var t = 4;
function newTime() {
if (t > 0) {
t = t - 1;
document.getElementById("txtTime").value = t
}
else if (t <= 0) {
closeIt();
}
else {
closeIt();
}
}
</script>
本文链接
[3]demo-日历
每次开发页面的时候，如果有日历，都会去找插件。原因当然是不想在这么一个小地方，花太多时间。
这次刚好有时间，自己写了一个日历。稍加修改，以后也可以拿来做插件。功能方面，想得没那么多，就是通过年月来选择日历。
html部分：
<div>
<div id="select">
<select id="s_year">
<option></option>
</select>
<select id="s_month">
<option></option>
</select>
</div>
<table id="calendar">
<thead>
<tr>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div id="select">
<select id="s_year">
<option></option>
</select>
<select id="s_month">
<option></option>
</select>
</div>
<table id="calendar">
<thead>
<tr>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
css部分：这部分完全就是按照我的颜色喜好来做的
body{
background-color:#96CECF;
}
#calendar td{
width:20px;
height:20px;
font-size:12px;
line-height:20px;
text-align:center;
}
#calendar thead td{
background-color:#FCC;
color:#000;
}
#calendar tbody td{
background-color:#fff;
color:#96CECF;
}
#calendar tbody td.none{
background-color:transparent;
}
#calendar tbody td.today{
color:red;
font-weight:bold;
}
select{
border:1px solid #ccc;
}
background-color:#96CECF;
}
#calendar td{
width:20px;
height:20px;
font-size:12px;
line-height:20px;
text-align:center;
}
#calendar thead td{
background-color:#FCC;
color:#000;
}
#calendar tbody td{
background-color:#fff;
color:#96CECF;
}
#calendar tbody td.none{
background-color:transparent;
}
#calendar tbody td.today{
color:red;
font-weight:bold;
}
select{
border:1px solid #ccc;
}
js部分，我习惯用jquery
function do_canlendar(d,y,m){
$("#calendar").each(function(){
var $this = $(this);
$("tbody",$this).html("<tr></tr>");
$("tbody tr:last").append("<td colspan="+first()+"></td>");
var j = first()-1;
for(var i=0;i<maxDay();i++){
if(j<6){
$("tbody tr:last").append("<td>"+(i+1)+"</td>");
j++;
}else if(j==6){
$("tbody").append("<tr></tr>");
$("tbody tr:last").append("<td>"+(i+1)+"</td>");
j=0;
}
}
if(y==year&&m==month){
$("tbody td").eq(date).addClass("today");
}
})
function first(){
d.setYear(y);
d.setMonth(m-1);
d.setDate(1
$("#calendar").each(function(){
var $this = $(this);
$("tbody",$this).html("<tr></tr>");
$("tbody tr:last").append("<td colspan="+first()+"></td>");
var j = first()-1;
for(var i=0;i<maxDay();i++){
if(j<6){
$("tbody tr:last").append("<td>"+(i+1)+"</td>");
j++;
}else if(j==6){
$("tbody").append("<tr></tr>");
$("tbody tr:last").append("<td>"+(i+1)+"</td>");
j=0;
}
}
if(y==year&&m==month){
$("tbody td").eq(date).addClass("today");
}
})
function first(){
d.setYear(y);
d.setMonth(m-1);
d.setDate(1
最新技术文章:
站内导航:
特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除！