易栈网-膘叔（Neatstudio.COM）

易栈网-膘叔

长时间不更新，送上点JS

onDblClick?onDoubleClick?ondblclick?

jquery radio,checkbox,select操作

为SUPESITE添加背景音乐

javascript实现函数重载的深入探索

长时间不更新，送上点JS

onDblClick?onDoubleClick?ondblclick?

jquery radio,checkbox,select操作

为SUPESITE添加背景音乐

javascript实现函数重载的深入探索

日志分类

热门标签

日志归档

搜索文章

最新评论

博客信息

友情链接

浏览模式: 标准 | 列表分类:Javascript

Submitted by gouki on 2008, June 16, 11:13 PM

长时间没有更新了，一是因为单位比较忙二来是老婆快生了。。

但一直不更新也不太好，这里送上一小段JS，FOR jQuery。

很多时候，我们需要在一堆图片列表里进行左移右移，比如我现在有10个IMG，我放到DIV里面默认显示5个，这时候我会在页面上留下两个按钮进行左移，右移，以前的移动可能会很复杂，自从有了jquery，一切变得这么简单。

XML/HTML代码

<div id="pic_list">
<span id="p_left"> << </span>
<ul>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
<li><img src="aa.jpg" /><li>
</ul>
<span id="p_right"> >> </span>
</div>
<script language="JavaScript">
<!--
$('#p_left').click(function(){
var list_length = $('#pic_list ul li').length;
$('#pic_list ul li:eq(0)').before( $('#pic_list ul li:eq('+(list_length-1)+')').remove() );
});
$('#p_right').click(function(){
$('#pic_list ul').append( $('#pic_list ul li:eq(0)').remove() );
});
//-->
</script>

具体样式我就不提供了，黑黑，这样的方法应该算是最简单的了。。毕竟你在做页面的时候，肯定会都把li的宽度设的一样

Javascript | 评论:0 | 阅读:20689

Submitted by gouki on 2008, May 30, 4:37 PM

XML/HTML代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<script language="JavaScript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.pack.js"> </script>
</head>
<body>
<table>
<tr>
<td><span class="forupdate" name="price" id="price">1234.56</span></td>
</tr>
<tr>
<td><span class="forupdate" name="number" id="number">55</span></td>
</tr>
</table>
<script language="JavaScript">
<!--
$(document).ready(function(){
$('.forupdate').dblclick(function(){
var Input = "<input type='text' >";
var InputValue = $(this).text();
$(this).html( Input );
$(this).children('input').attr('name', $(this).attr('name')+'_update')
.attr('id', $(this).attr('id')+'_update')
.val( InputValue );
$('#'+$(this).attr('id')+'_update').focus()
.blur( function(){
//这里用ajax如果成功，再返回。否则。。
//....现在不处理。
$ajaxReturn = true;
if( $ajaxReturn == true){
$(this).parent().html( $(this).val() ) ;
}
});
});
});
//-->
</script>
</body>
</html>

可以拷贝到编辑器里，双击数字进行测试……

后记：虽然知道这种控件网上会很多，但是没料到会这么多……

贴一个地址吧，也是jQuery的插件：http://www.appelsiini.net/projects/jeditable，NND啥时候一生气，也搞成插件出来……

Javascript | 评论:0 | 阅读:24883

Submitted by gouki on 2008, May 7, 12:20 AM

本来不想转这个，可实在是太常用了。。
还是先转载一下，原文：http://www.cnblogs.com/kaixin110/archive/2008/03/25/1120888.html

XML/HTML代码

获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio： $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio： $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select： $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty()；//清空下拉框

Tags: jquery

Javascript | 评论:2 | 阅读:28545

Submitted by gouki on 2008, May 6, 2:40 PM

如今supesite的市场占有率随着discuz的市场占有率提高而增大了不少，他方便了很多做站的人员，毕竟只需要把论坛的数据提取出来就是一个网站了。确实方便了不少做垃圾站的朋友。

不过，还是有很多正规做站的朋友们也在使用它，主要还是因为他自带了很多有用的功能，所以才能够这么吸引人。

让很多个人站长无奈的是，SUPESITE的编辑器非常恶心，功能也不算强大，但却不得不用。比如无法为自己的页面添加音乐啥的（当然，你也许会说，它的编辑器不是允许插入WM和RM的播放器的吗？可是这并不能让我满意。）

在看到WP有flash的MP3播放插件时，不禁让我想到了将他挖出来做成SS编辑器的插件，经过调试，基本可行。

1、下载播放器插件的压缩包并解压

2、修改audio-player.js，加上部分内容，使之内容为：

JavaScript代码

var ap_instances = new Array();
function ap_stopAll(playerID) {
for(var i = 0;i<ap_instances.length;i++) {
try {
if(ap_instances[i] != playerID) document.getElementById("audioplayer" + ap_instances[i].toString()).SetVariable("closePlayer", 1);
else document.getElementById("audioplayer" + ap_instances[i].toString()).SetVariable("closePlayer", 0);
} catch( errorObject ) {
// stop any errors
}
}
}
function ap_registerPlayers() {
var objectID;
var objectTags = document.getElementsByTagName("object");
for(var i=0;i<objectTags.length;i++) {
objectID = objectTags[i].id;
if(objectID.indexOf("audioplayer") == 0) {
ap_instances[i] = objectID.substring(11, objectID.length);
}
}
}
var ap_clearID = setInterval( ap_registerPlayers, 100 );
function get_audioplayer( flashfile , flashvars ){
if(arguments.length != 2){
alert('对不起，函数需要接受两个参数');
}
if ( (typeof flashvars != 'object' )|| (typeof flashvars.soundFile == 'undefined') ){
alert('第二个参数必须是一个对象，而且该对象必须有soundFile的属性');
}
var flash_vars = '';
var flashobject = "<object type='application/x-shockwave-flash' data='" + flashfile+ "' id='audioplayer1' height='24' width='290'>";
flashobject += "<param name='movie' value='" + flashfile+ "'>";
flashobject += "<param name='FlashVars' value='";
if( typeof flashvars.playerID == 'undefined'){
flashvars.playerID = 1;
}
for (var var_name in flashvars){
flash_vars += var_name + "=" + flashvars[var_name] + "&";
}
flashobject += flash_vars + "'>";
flashobject += "<param name='quality' value='high'>";
flashobject += "<param name='menu' value='false'>";
flashobject += "<param name='wmode' value='transparent'>";
flashobject += "</object>";
return flashobject;
}
function set_audioplayer(flashfile , flashvars , elem ){
flashobject = get_audioplayer(flashfile , flashvars);
if ( typeof elem == 'undefined'){
document.write( flashobject );
}else{
document.getElementById(elem).innerHTML = flashobject ;
// document.getElementById(elem).innerText = flashobject ;
}
}

3、在SS的编辑器里，选中“源代码”，在编辑框里输入：

XML/HTML代码

<div id='audio_file' style="display:none">aaa.mp3</div>

当你取消选择源代码时，上面的内容已经变为

XML/HTML代码

<DIV id=audio_file style="DISPLAY:none">aaa.mp3</DIV>

很多东西都变掉了。。。。不过没关系

4、在内容页的模版里加载刚才的JS

XML/HTML代码

<script src='./xxx/xxx/audio-player.js'></script>
<script>
try
{
var audio = document.getElementById('audio_file');
if(audio.innerText != ''){
var audio_flash = './player.swf';
var audio_vars = {};
audio_vars.soundFile = audio.innerText;
audio_vars.loop = 'yes';
audio_vars.autostart = 'yes';
set_audioplayer( audio_flash , audio_vars );
}
}
catch (e){}
</script>

现在看看，是不是你的歌曲出来了？

下面说明一下FLASH文件的下载地址：

http://www.1pixelout.net/download/audio-player.zip

上面这个地址是下载源码包的，如果想知道怎么样更好的配置播放器，也就是说为audio_vars增加更多的属性，你可以参考这个网站：

http://www.macloo.com/examples/audio_player/，然后，几乎所有的属性都可以从这页得到：

http://www.macloo.com/examples/audio_player/options.html

祝福大家使用愉快

Javascript | 评论:2 | 阅读:23062

Submitted by gouki on 2008, April 27, 11:15 PM

COPY自一个网站，该网站声明此文章来自CSDN，代码没有仔细研读，但担心以后可能会用到。先MARK一下，做个记录。所以……

直接为我的博客加点料，原作者看到此文时，如觉不适，请通知删除。谢谢

JavaScript代码

<script>
function Point2D(x, y)
{
this.x = x;
this.y = y;
Point2D.prototype.quadrant = function()
{
if (x > 0 && y > 0) return "I";
else if (x < 0 && y > 0) return "II";
else if (x < 0 && y < 0) return "III";
else if (x > 0 && y < 0) return "IV";
else if (x == 0) return "x-axis";
else if (y == 0) return "y-axis";
else throw new Error();
}
Point2D.prototype.toVector = function()
{
return new Vector2D(x, y);
}
Point2D.prototype.distance = function() //求距离
{
if (arguments.length == 1 && arguments[0] instanceof Point2D)
{
return this._point_distance.apply(this, arguments);
}
else if (arguments.length == 1 && arguments[0] instanceof Vector2D)
{
return this._vector_distance.apply(this, arguments);
}
else
{
throw new Error("Argument Error!");
}
}
Point2D.prototype._point_distance = function(p) //求两点之间的距离(函数重载)
{
return (new Vector2D(p,this)).length();
}
Point2D.prototype._vector_distance = function(v) //求点到向量的距离(函数重载)
{
var v1 = new Vector2D(this, v.start);
var v2 = new Vector2D(this, v.end);
var area = Math.abs(v1.cross(v2)); //平行四边形面积 = v1 X v2 = |v1v2|sin(v1,v2)
return area / v.length(); //平行四边形面积除以底边长度即为点到向量的距离
}
}
function Vector2D()
{
if (arguments.length == 2 && arguments[0] instanceof Point2D && arguments[1] instanceof Point2D)
{
_point_point_Vector2D.apply(this, arguments);
}
else if (arguments.length == 2 && !isNaN(arguments[0]) && !isNaN(arguments[1]))
{
_double_double_Vector2D.apply(this, arguments);
}
else if (arguments.length == 4 && !isNaN(arguments[0]) && !isNaN(arguments[1])
&& !isNaN(arguments[2]) && !isNaN(arguments[3]))
{
_double_double_double_double_Vector2D.apply(this, arguments);
}
else
{
throw new Error("Argument Error!");
}
}
function _point_point_Vector2D(p1, p2)
{
this.start = p1;
this.end = p2;
Vector2D.prototype.length = function() //求向量的长度
{
return Math.sqrt(this.pond_x() * this.pond_x() + this.pond_y() * this.pond_y());
}
Vector2D.prototype.pond_x = function() //x方向分量
{
return this.start.x - this.end.x;
}
Vector2D.prototype.pond_y = function()
{
return this.start.y - this.end.y;
}
Vector2D.prototype.cross = function(v) //求向量的交积 P1 X P2 = x1y2 - x2y1
{
return this.pond_x() * v.pond_y() - v.pond_x() * this.pond_y();
}
}
function _double_double_Vector2D(x,y) //重载构造函数Vector2D
{
this.pointPairs = new Array();
this.pointPairs[0] = new Point2D(0, 0);
this.pointPairs[1] = new Point2D(x, y);
_point_point_Vector2D.apply(this, this.pointPairs);
}
function _double_double_double_double_Vector2D(x1, y1, x2, y2) //重载构造函数Vector2D
{
this.pointPairs = new Array();
this.pointPairs[0] = new Point2D(x1, y1);
this.pointPairs[1] = new Point2D(x2, y2);
_point_point_Vector2D.apply(this, this.pointPairs);
}
var p1 = new Point2D(0,0);
var p2 = new Point2D(10,10);
var v1 = new Vector2D(p1,p2); //通过两个点(p1,p2)的方式来构造向量V1
alert("向量v1长度:"+v1.length());
var v2 = new Vector2D(0,0,5,5); //通过四个坐标(x1,y1,x2,y2)的方式来构造向量V2
alert("向量v2长度:"+v2.length());
var v3 = new Vector2D(0,10); //通过指定终点的方式来构造向量V3
alert("向量v3长度:"+v3.length());
alert("向量v1与v2的交积:"+v1.cross(v2)); //求V1 X V2 (因为平行，所以结果为0)
var p3 = new Point2D(10,0);
alert("点p1与p3的距离:"+p1.distance(p3));
alert("点p3与向量v1的距离:"+p3.distance(v1));
</script>

Tags: js, 重载

Javascript | 评论:0 | 阅读:25260

Records:306«‹53 54 55 56 575859 60 61 62 ›

« 2025年05月 »