`
yxgblog
  • 浏览: 38405 次
  • 性别: Icon_minigender_2
  • 来自: 郑州
最近访客 更多访客>>
社区版块
存档分类
最新评论

实用代码片段

CSSJavaScriptMicrosoftIE
阅读更多
1.设为首页 收藏本站
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.makewing.com/');">设为首页</a>
<a href="javascript:window.external.AddFavorite('http://www.makewing.com/','懒人图库')">收藏本站</a>
----------------------------------------------------------------------------------------------------------------------------------
2.select跳转菜单新窗口
<select onchange="window.open(this.options[this.selectedIndex].value)" name="select">
<option value="http://www.microsoft.com/ie" selected="selected">Internet Explorer</option>
<option value="http://www.microsoft.com">Microsoft Home</option>
<option value="http://msdn.microsoft.com">Developer Network</option>
</select>
-----------------------------------------------------------------------------------------------------------------------------
3.通过样式改变网页颜色
<link id="cssChange" href="style.css" rel="stylesheet" type="text/css" />
<script>
function setSkin(n)
 {
 var css = document.getElementById("cssChange");
 var cssList=new Array("yellow.css","red.css","green.css","blue.css","purple.css");
 var cssurl = "";
 cssurl +=cssList[n];
 css.href=cssurl;
 }
</script>
<div> <img src="yellow.jpg" onclick=setSkin(0) />
<img src="red.jpg" onclick=setSkin(1) />
<img src="green.jpg" onclick=setSkin(2) />
<img src="blue.jpg" onclick=setSkin(3) />
<img src="purple.jpg" onclick=setSkin(4) /></div>
----------------------------------------------------------------------------------------------------------------------------------
4.字号缩放
<script>
function DoZoom(size)
{
document.getElementById('Zoom').style.fontSize=size+"px";
}
</script>
<span id="Zoom">需要缩放的字体<a herf="javascript:DoZoom(16)">大</a><a herf="javascript:DoZoom(14)">中</a ><a herf="javascript:DoZoom(12)">小</a</span>
----------------------------------------------------------------------------------------------------------------------------------
5.不能点右键、不用CTRL+A、不能复制
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</body>
试试鼠标右键，试试CTRL+A全选，试试鼠标拖选复制？
----------------------------------------------------------------------------------------------------------------------------------
6.三个常用的js时间特效
<script language=JavaScript>
<!--
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = " 星期日"
if(today.getDay()==1) day = " 星期一"
if(today.getDay()==2) day = " 星期二"
if(today.getDay()==3) day = " 星期三"
if(today.getDay()==4) day = " 星期四"
if(today.getDay()==5) day = " 星期五"
if(today.getDay()==6) day = " 星期六"
document.fgColor = "000000";
date = "今天是：" + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +"";
document.write(date);
// -->
</script>今天是：2009年5月26日 星期二 
 
<div id="webjx"></div>
<script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
   </script>
2009年5月26日 星期二 11:26:49 星期二
<span id=nowDate></span>
 <span id=nowTime></span>
    <script><!--
var ns4up1 = (document.layers) ? 1 : 0;  // browser sniffer
var ie4up1 = (document.all&&(navigator.appVersion.indexOf("MSIE 4") == -1)) ? 1 : 0;
var ns6up1 = (document.getElementById&&!document.all) ? 1 : 0;
function nowclock() {
if (!ns4up1 && !ie4up1 && !ns6up1) return false;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var day = digital.getDate();
var month = digital.getMonth() + 1;
var year = digital.getYear();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes < 10) minutes = "0" + minutes;
if (seconds < 10) seconds = "0" + seconds;
if (day < 10) day = "0" + day;
if (month < 10) month = "0" + month;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
dispDate = year + "年" + month + "月" + day+ "日, " ;
if (ns4up1) {
document.layers.nowTime.document.write(dispTime);
document.layers.nowTime.document.close();
document.layers.nowDate.document.write(dispDate);
document.layers.nowDate.document.close();
} else if (ns6up1){
document.getElementById("nowTime").innerHTML = dispTime;
document.getElementById("nowDate").innerHTML = dispDate;
} else if (ie4up1){
nowTime.innerHTML = dispTime;
nowDate.innerHTML = dispDate;
} setTimeout("nowclock()", 1000);
} nowclock();
//-->
 </script>2009年05月26日， 11:29:21 AM
----------------------------------------------------------------------------------------------------------------------------------
7.css凹陷字体
<div width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;"></div>
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br></font>
分享到：
| qq客服随滚动条滚动
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    必须收藏的23个php实用代码片段

    【PHP实用代码片段详解】 PHP（Hypertext Preprocessor）是一种广泛使用的开源脚本语言，尤其适合于Web开发。在编程过程中，拥有实用的代码片段能够显著提高开发效率。以下是一些精选的PHP代码片段，涵盖了发送短信...

    jquery实用代码片段集合

    ### jQuery实用代码片段集合知识点 #### jQuery简介与使用 jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。jQuery极大地简化了JavaScript编程，让开发者能够以...

    【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)

    【jQuery实用代码片段】这篇文章汇总了一些常见的jQuery代码实践，涵盖了多个功能，如文本框的清空默认值、多选操作以及元素筛选等。以下是对这些知识点的详细解释： 1. **遍历文本框并清除默认值** 使用`.each()`...

    Python 一些实用代码片段

    在Python编程语言中，有很多实用的代码片段可以帮助我们提高开发效率和代码质量。这些代码片段涵盖了数据处理、文件操作、异常处理、函数编程等多个方面。下面我们将深入探讨一些常见的Python编程技巧和知识点。 1....

    python实用代码片段收集贴

    复制代码 代码如下: def itersubclasses(cls, _seen=None):  “””Generator over all subclasses of a given class in depth first order.”””  if not isinstance(cls, type):  raise TypeError(_(...

    安卓之 （通用）（实用代码片段）自动播放的广告页设计1

    这个场景中，我们看到的代码片段展示了如何利用`RelativeLayout`来构建广告页的布局，以及如何通过`Gallery`控件实现图片的自动轮播和手动切换。以下是详细的知识点解析： 1. **页面布局**： 使用`RelativeLayout`...

    直接拿来用的15个jQuery代码片段

    “超实用的jquery代码段”则表明了还有其他类型的实用代码片段也将被分享。 在内容部分，我们看到了几个具体的代码片段及其简要描述，以下是详细知识点： 1. 预加载图片：使用jQuery预加载图片可以让图片加载过程...

    misc-snippets：实用的实用代码片段

    "misc-snippets" 是一个汇集了各种实用代码片段的开源项目，主要目的是为了方便开发者在日常工作中快速查找和使用这些代码片段，以提高开发效率。这个仓库随着时间的推移会不断更新和完善，根据内部内容的变化可能会...

    php实用代码片段整理

    ### PHP 实用代码片段整理知识点 #### 网页操作技巧 1. **从网页中提取关键词** 使用 `get_meta_tags` 函数获取网页的 meta 标签信息，例如关键词（keywords），然后通过字符串分割（explode）、去除空白（trim）...

    必须收藏的php实用代码片段

    之前已经为大家分享了《必须收藏的23个php实用代码片段》。 这些PHP 片段对于PHP 初学者也非常有帮助，非常容易学习，让我们开始学习吧～ 24. 从 PHP 数据创建 CSV 文件 function generateCsv($data, $...

    Visual Studio 2005 C# 代码片段大全

    《Visual Studio 2005 C# 代码片段大全》是一个专门为C#开发者设计的资源集合，它包含了大量的实用代码片段，旨在提升开发效率和代码质量。这些代码片段覆盖了Visual Studio 2005环境下C#编程的各个方面，包括但不...

    JavaScript和JQuery实用代码片段（一）

    ### jQuery实用代码片段详解 #### 1. 刷新图片 在Web开发中，为了确保客户端总是获取到服务器上最新版本的图片，开发者常采用在图片URL后拼接随机数的方法来绕过浏览器缓存。具体操作如下： ```javascript $...

    代码片段管理.rar

    其次，无法按语言分别显示代码片段，这意味着查找特定语言的代码片段可能会变得困难，尤其对于掌握多种语言的开发者来说，这会降低工具的实用性。 为了解决这些问题，我们可以考虑以下改进策略： 1. **增加字体...

    javascript实用代码大全(一)超经典★★★★★

    JavaScript是一种广泛应用于网页和网络应用的编程语言，尤其在客户端脚本...对于有经验的开发者，这些实用代码片段也能节省他们在项目开发中的时间。通过学习和理解这些代码，可以更好地理解和运用JavaScript的精髓。

    C#代码片段编译器

    总的来说，"C#代码片段编译器"是一款面向C#开发者，特别是独立开发者和学生群体的实用工具。它以其便携性、易用性和高效的代码编辑与编译能力，为C#编程提供了新的可能性。无论是在路上、在咖啡馆还是在家，只需一个...

    10个C#程序员经常用到的实用代码片段

    以上代码片段在日常C#编程中非常实用，尤其是对于系统开发和维护任务。它们帮助开发者快速获取系统级信息，无需从头编写复杂的底层代码，同时确保了跨平台的一致性和可靠性。需要注意的是，WMI接口依赖于Windows系统...

Magicbox
Global site tag (gtag.js) - Google Analytics