草窟设计

探测设备系统

Time Posted on 24, 十一

Javascript 探测客户设备的操作系统 var deviceAgent = navigator.userAgent.toLowerCase(); var isAndroid = deviceAgent.indexOf("android") > -1; //&& ua.indexOf("mobile"); var iOS = deviceAgent.match(/(iphone|ipod|ipad)/); if (iOS) { document.write('iOS'); } else if(isAndroid) { document.write('android'); }else { document.write(navigator.platform); } php 探测客户设备的操作系统 //Detect special conditions devices $iPod = stripos($_SERVER['HTTP_USER_AGENT'],"iPod"); $iPhone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone"); $iPad = stripos($_SERVER['HTTP_USER_AGENT'],"iPad"); if(stripos($_SERVER['HTTP_USER_AGENT'],"Android") && stripos($_SERVER['HTTP_USER_AGENT'],"mobile")){ $Android = true; }else [...]

Kissy – 淘宝网的 UI 类库

Time Posted on 16, 十二

这不是蜜雪薇琪的专辑，他是一个很成熟的 javascript 类库，你可以不知道他，但是你不可以不知道淘宝网，查看淘宝网的网页源码就可以发现他的身影。 http://kissyteam.github.com/docs/html/quickstart/

JavaScript 固定浮动层

Time Posted on 14, 十二

id：你要滚动的内容的id l：横坐标的位置不写为紧贴右边 t：你要放在页面的那个位置默认是贴着底边 0是贴着顶边 f： 1表示固定不写或者0表示滚动

JavaScript Runcode

Time Posted on 3, 二

代码预览器 <html> <head> <title>代码预览器</title> <meta http-equiv=Content-Type content="text/html; charset=gb2312"> <script language=JavaScript> var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",50); } function sc() { clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize </script> </head> <body> <h1 align="center">代码预览器</h1> <hr SIZE=1> <p align="center"><textarea id="p" onfocus="this.select()" onKeyDown="submitCode()" name="p" rows="30" cols="100"></textarea></p> <p [...]

Javascript 获取 URL 参数

Time Posted on 20, 九

function getArgs( ) { var args = new Object( ); var query = location.search.substring(1); // Get query string var pairs = query.split("&"); // Break at ampersand for(var i = 0; i < pairs.length; i++) { var pos = pairs[i].indexOf('='); // Look for "name=value" if (pos == -1) continue; // If not found, skip var argname [...]

JQuery 新闻头条淡入淡出效果

Time Posted on 20, 八

新闻头条淡入淡出效果 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <style> a { color:#CCCCCC} li { list-style:none;} span { padding-right:20px; color:#FFFFFF; font-weight:bold;} </style> </head> <body> <div id="ticker" style="padding:10px; background:#333333">  <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript"> /* ========================================================= // jquery.innerfade.js // Datum: 2008-02-14 // [...]

jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果

Time Posted on 20, 八

需要将产品图片或相片等实现Javascript图片滑动旋转Animation效果，能自动播放图片或鼠标控制播放图片，图片固定的滑动在指定的区域内，类似动画播放，使用jQuery插件Step Carousel Viewer可实现该功能，而且使用简单，Step Carousel Viewer中文大概是按步旋转阅读，意思是说每张图片一张一张旋转阅读，效果： <script type="text/javascript"> // For instructions how how to modify go to this URL // http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm stepcarousel.setup({ galleryid: 'mygallery', //id of carousel DIV beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: {enable:true, moveby:1, pause:2000}, panelbehavior: {speed:500, wraparound:true, [...]

JavaScript可移动弹出层

Time Posted on 17, 八

点击按钮弹出层，兼容FF/IE7的可移动弹出层，弹出层可以移动，可以删除。(点击按钮，页面变灰，处于失效状态) 并把所有select标签捉住–将select设为隐藏（也可以隐藏页面所以元素），关闭弹出层select再显示出来，代码里有注释。（需要不通的效果可以根据自己需要修改） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>兼容FF/IE的可移动弹出层</title><style type="text/css"> .button1 {background: #ebebeb; border: 1px solid #888888; color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height:23px; cursor:pointer } </style> <script language="javascript"> function alertWin(title, msg, w, h){ var s=document.getElementsByTagName("select"); //--------------把所有select标签捉住 for(var j=0;j<s.length;j++){s[j].style.display="none";} //--------------设为不显示，再进行下面操作 var titleheight = "20px"; [...]

JavaScript图片横向平滑切换效果

Time Posted on 6, 八

javascript+css 新闻滑轮显示

Time Posted on 21, 七

Javascript+CSS 经典效果, 新闻滑轮显示. 效果2张: 代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <html> <head> <title>绝对经典的滑轮新闻显示 (javascript+css)</title> <meta http-equiv=Content-Type content="text/html; charset=gb2312"> <style type="text/css"> <!-- *{padding:0; margin:0} img{border:0; display:block;} BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center } .dis { DISPLAY: [...]