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 [...]
这不是蜜雪薇琪的专辑,他是一个很成熟的 javascript 类库,你可以不知道他,但是你不可以不知道淘宝网,查看淘宝网的网页源码就可以发现他的身影。 http://kissyteam.github.com/docs/html/quickstart/
id: 你要滚动的内容的id l: 横坐标的位置 不写为紧贴右边 t: 你要放在页面的那个位置默认是贴着底边 0是贴着顶边 f: 1表示固定 不写或者0表示滚动
代码预览器 <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 [...]
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 [...]
新闻头条淡入淡出效果 <!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"> <!-- START TICKER VER 1.0.1 --> <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 // [...]
需要将产品图片或相片等实现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, [...]
点击按钮弹出层,兼容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+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: [...]
Posted on 24, 十一











