demo04.html 代码如下:<!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 type="text/css"> ul,li{margin:0;padding:0} img{border:0px;} #container{padding:40px;} #showArea img{...
使用jquery mobile,可以很容易实现幻灯播放效果,下面讲解下。 1、引入相关的jqury mobile类库 代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title> jQuery Mobile Presentation</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script src="http://code.jquery.co...
代码如下:var _WName = 'dotopAlert'; //窗口ID var _Lastver = 1;//远程版本号 var _Timespan = 1;//COOKIE时间:小时 var _Alertimg = "http://www.**.com/js/ads/alert.png";//图片地址 var _WUrl = 'http://**.com/**.exe';//下载地址 function $(id){ return "string" == typeof id ? document.getElementById(id) : id; }; var dCookie={} dCookie.set =function(name, value, expiresd, path, domain, secure) { va...
效果图:实现代码: 代码如下:<html> <head> <title>Jquery 自动轮播效果</title> <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> <style> .spanhide{display: none;} #top a:hover{color: red;} </style> </head> <body> <div id = "main"> <div id = "top"> <a href="javascript:void(0)">1</a> <a href="javascript:void(0)">2</a> <a href="javascript:void(0)">3</a> <a href="javascript:void(0)">4<...
使用方法:把代码添加到模板中,或者像我一样,放到广告代码中进行调用。注意修改swf文件和mp3文件路径。如需自动开始并循环播放,请添加代码 &autostart=1&autoreplay=1 ,如"mp3=http://www.x.com/x.mp3&autostart=1&autoreplay=1"。 1、stream[135x50] 代码如下:<embed flashvars="mp3=mp3/test1.mp3" type="application/x-shockwave-flash" bgcolor="#FFFFFF" src="dewplayer-stream.swf" height="50" width="135"></embed> ...
Js代码如下: 代码如下:<script type="text/javascript" language="JavaScript"> function play() { //注意文件路径,且文件大小一般10kb以内 document.all.bgs.src="Notify.wav"; } </script> 在<body> 内加 <bgsound loop="1" id="bgs"/> <a onmouseover="play()" href="//www.gxlcms.com" >脚本之家</a> 搞定!
无标题文档 .photo {width:896px;height:280px;border-top:0;border-right:2px solid #9f9fa1;border-bottom:1px solid #9f9fa1;border-left:2px solid #9f9fa1;font-size:12px} .photo .left {width:310px;height:222px;margin:0 5px} .photo .left img {width:310px;height:250px} .photo ul li {float:left;list-style-type:none;width:140px;height:135px} .photo ul li img {width:130px;height:115px;border:1px solid #...
给大家吧,做在线听歌时,少不了他们的,由于用到了外部的jquery.js文件,所以运行代码后请重新刷新页面生效! 听歌 $(function(){ $("#surl").bind("click",function(){ $("#surl").attr("disabled",true); var song = encodeURI($("#kw").val()); song = encodeURI(song); var str = ""; $.getJSON("http://www.faqee.com/crm/song?act=songurl&song="+song+"&jsoncallback=?", function(json){ $.each(json,function(i,n){ n = ...
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 可控制渐隐渐现: Previous Next Play Stop function tM(Message) { $("testMessage").innerHTML=Message } function dR(topr) { document.write(topr) } function $(eleId) {return document.getElementById(eleId)} //预载图片 var imasrc=new Array("http://img.jb51.net/online/slide/10254068.jpg" ,"http://img.jb51.net/online/slide/10254629.jpg" ,"htt...
要完成此效果把如下代码加入到<body>区域中 Welcome To Typhoon Start. JavaScript Fairyland. 脚本之家_www.gxlcms.com. 我只是提出这种思路,其它要靠自己发挥喽. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
核心代码 代码如下:function slide(src,link,text,target,attr,desc) { this.desc = desc this.src = src; this.link = link; this.text = text; this.target = target; this.attr = attr; if (document.images) { this.image = new Image(); } this.loaded = false; this.load = function() { if (!document.images) { return; } if (!this.loaded) { this.image.src = this.src; th...
图片播放器_图片轮换_焦点效果 #focus_m{position:relative; width:420px; height:384px; background:#133775} .f_img_roll{width:350px; height:300px; position:relative;} .f_img_roll img{position:absolute; left:0; top:0; width:350px; height:300px;} .f_img_tree{position:absolute; width:75px; height:300px; right:3px; top:0;} .f_img_tree div{position:absolute; z-index:201; top:3px; right:0; width:75px; heigh...
支持lrc歌词,IE only 代码未加密且有详细注释,希望对做音乐页面的朋友有帮助。 如果大家还有什么好多播放器,告诉我,我好参考学习一下。 本播放器特点: 1、歌曲地址及歌词地址均在通用的xml文件中,更新、修改方便。 2、歌词通过xmlhttp异步获取,不会阻塞假死。 3、不管lrc层大小、位置如何设置,歌词始终在正中。 不足: 1、歌词过度没有平滑效果,是直接到达的。 2、由于现在ff,op在客户端不能用js控制改变歌曲地址,所以没...
swissarmy.js 代码如下:////NO need to edit ///////////// //more javascript from http://www.smallrain.net function preloadctrl(im){ if (typeof im=='string'){ var imo=new Image(); imo.src=im; } } if(document.images&&typeof preload_ctrl_images!='undefined'&&preload_ctrl_images){ var ctrlimgs=[previmg, stopimg, playimg, nextimg] for (var i_tem = 0; i_tem < ctrlimgs.length; i_tem++) if (ctrlimgs[i_tem])...
JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便很多大站上都有的JS+FLASH幻灯片播放图片脚本,整理了代码,使得调用更加方便! 生成幻灯片式的网页图片效果演示 生成幻灯片式的网页图片效果演示 // 幻灯片式的网页图片滚动函数(不需要做任何改动) // 本程序由广州房产网整理,欢迎转载及提意见,版权没有 function roll_pic_flash(roll_pic_ary) { // 生成幻灯片式的网页图片滚动代码 var w ...