标签归档：javascript
JavaScript Runcode
代码预览器 <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> … 继续阅读
Javascript 获取 URL 参数
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(’='); // … 继续阅读
JQuery 新闻头条淡入淡出效果
新闻头条淡入淡出效果 <!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 … 继续阅读
jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果
需要将产品图片或相片等实现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: … 继续阅读
JavaScript可移动弹出层
点击按钮弹出层，兼容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"> … 继续阅读
javascript+css 新闻滑轮显示
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 … 继续阅读