JS判断当前URL对当前链接高亮显示(3 位领导批示)

  • 2007-11-21
  • 分类：JavaScript
  • 作者：银子
  • 2,707 位领导视察

JS判断当前URL对当前链接高亮显示,重点是用到了indexOf来判断两个字符串中第一次出现的位置,如果没有出现就返回-1,出现就返回其它,并与返回其它结果的那个字符串所在元素定义一个class.

Demo:QQDANG

HTML

  1. <div id="nav">
  2. <ul>
  3. <li><a href="http://www.qqdang.net" title="首页">首　页</a></li>
  4. <li><a href="http://www.qqdang.net/smiles-qq-face/index.html" title="搞笑表情">搞笑表情</a></li>
  5. <li><a href="http://www.qqdang.net/emotion-qq-face/index.html" title="情感表情">情感表情</a></li>
  6. <li><a href="http://www.qqdang.net/animal-qq-face/index.html" title="动物表情">动物表情</a></li>
  7. <li><a href="http://www.qqdang.net/person-qq-face/index.html" title="人物表情">人物表情</a></li>
  8. <li><a href="http://www.qqdang.net/holiday-qq-face/index.html" title="节日表情">节日表情</a></li>
  9. <li><a href="http://www.qqdang.net/games-qq-face/index.html" title="游戏表情">游戏表情</a></li>
  10. <li><a href="http://www.qqdang.net/hot-qq-face/index.html" title="热门表情">热门表情</a></li>
  11. <li><a href="http://www.qqdang.net/classics-qq-face/index.html" title="经典表情">经典表情</a></li>
  12. <li><a href="http://www.qqdang.net/special-qq-face/index.html" title="表情专辑">表情专辑</a></li>
  13. <li><a href="http://www.qqdang.net/other-qq-face/index.html" title="其它表情">其它表情</a></li>
  14. </ul>
  15. </div>

JS

  1. var myNav = document.getElementById("nav").getElementsByTagName("a");
  2. for(var i=0;i<myNav.length;i++)
  3. {
  4.     var links = myNav[i].getAttribute("href");
  5.     //alert(links)
  6.     //alert(myNav[i]);
  7.     var myURL = document.location.href;
  8.  
  9.     if(myURL.indexOf(links) != -1)
  10.     {
  11.         myNav[i].className="d";
  12.     }
  13. }
Tags : , ,
3 位领导批示

Wordpress 自定义页面在首页显示内容(0 位领导批示)

  • 2007-11-21
  • 分类：PHP&MySql
  • 作者：银子
  • 3,852 位领导视察

Wordpress自定义页面如何在首页显示内容?这是今天制作wordpress模板时遇到的一个小问题

解决方法如下

  1. <?php
  2. $lastposts = get_posts('numberposts=1&post_type=page');
  3. foreach($lastposts as $post) :
  4. setup_postdata($post);
  5. ?>
  6. <h2><a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>">关于</a></h2>
  7. <?php the_excerpt(); ?>
  8. <?php endforeach; ?>

把代码直接COPY到模板相应的位置

其中
numberposts 是指显示几条记录
post_type是指显示的类别

默认显示的是post 就与直接使用the_content() 是一样的效果

我这里使用的是the_excerpt(),方便以后显示摘要

Tags : , ,
0 位领导批示

左右容器高度对齐的JS写法(0 位领导批示)

  • 2007-11-20
  • 分类：JavaScript
  • 作者：银子
  • 2,537 位领导视察

经常会碰到这种情况:左右容器(如DIV)的高度不一定，有可能左边高，有可能右边高。

google了一下，无非就是事先定好一边的高度比另一边的高度要高，这都不是我想要的。

所以自己动手写了一个真正做到未知左右容器高度而使之左右对齐的JS

代码如下：

<script type="text/javascript">
var getLeft = document.getElementById("left");
var getRight = document.getElementById("right");
var leftH = getLeft.scrollHeight;
var rightH = getRight.scrollHeight;
//alert(leftH)
//alert(rightH)
if(leftH > rightH)
{
getRight.style.height = leftH + "px";
}
else if(leftH < rightH)
{
getLeft.style.height = rightH + "px";
}

</script>
Tags : ,
0 位领导批示

QQdang.net首页频道完成(0 位领导批示)

  • 2007-11-18
  • 分类：About
  • 作者：银子
  • 3,004 位领导视察

http://www.qqdang.net

频道分类完成.下一步就是列表页与内页的制作.

细节部分还要多多完善

网站定位为QQ用户提供便捷的QQ表情下载.

有什么不足之处欢迎留言指出.

Tags : , ,
0 位领导批示

SEO试验,把”银子”做到GOOGLE第一(5 位领导批示)

  • 2007-11-17
  • 分类：SEO
  • 作者：银子
  • 6,438 位领导视察

公司最近要求学习SEO

就拿自己的博客下个手先

争取把 银子 做到google第一

今天完工了网站的URL结构与TITLE

下一步就是做更多的高品质反向链接

原本这个域名的 PR4 也因前一阵域名到期被清空,看来得重新做起了

Tags : , ,
5 位领导批示

博客再次换空间　数据部分转移完成(1 位领导批示)

  • 2007-11-17
  • 分类：About
  • 作者：银子
  • 3,221 位领导视察

空间放到了国外服务器上

还是启用原来 www.loai.cn 的域名

折腾了两天了,希望这次能稳定下来,友情链接和评论的数据也会慢慢恢复

p.s.感谢 阿根(geniux) 提供空间

P.S.2.祝贺 经典论坛 恢复

Tags :
1 位领导批示

[紧急通告]关于蓝色理想经典论坛无法访问的声明(2 位领导批示)

  • 2007-11-17
  • 分类：About
  • 作者：银子
  • 1,742 位领导视察

　　亲爱的蓝色理想网站及经典论坛的会员朋友们，我们在这里非常遗憾地通知大家，在未来的一段时间里，我们将不能保证经典论坛的正常访问，由于来自外部的不可抗力，论坛服务器所在的机房已对我们进行封网处理，原因是相关监管部门接到举报，在我们的服务器上发现了有害内容，这已经是六天来的第二次封网了 (一次长沙，一次石家庄)。

　　经过和主管部门的积极沟通后，获知这次的举报信息中没有涉及到具体的 URL 和内容，只提交了 IP 地址，从这点来看，无论我们如何迁移设备，都始终无法从根本上解决问题，排除人为因素，依靠我们卑微的智商实在想不出有什么原因会造成这样的结果。所以我们决定在没有得出行之有效的解决方案前，暂时关闭论坛的访问，请相信我们做出这样的决定也是万分无奈和十分痛心的，在此请允许我们致以最诚挚的歉意。

　　众所周知，蓝色理想是一个纯技术的网站，一直低调务实地为网友服务，为中国互联网做基础技术的普及工作，是广大网站开发设计同行在互联网上温馨的家，这也是这些年我们坚持不懈的动力。希望了解我们网站的会员朋友，如有一定相关知识或公安关系资源的，与我们取得联系，协商解决方案，万分感谢！联系方式: blueidea[at]gmail[dot]com

　　本篇通告冀望藉由 blogosphere 传播，请有 blog 和门户站点的朋友广为转载及引用此篇日志，谢谢。

　　转载地址是: http://plod.popoever.com/archives/001329.html

　　引用地址是: http://plod.popoever.com/acp630/mt-tb.cgi/1359

Tags : , ,
2 位领导批示

QQdang.net首页HTML完成(0 位领导批示)

  • 2007-11-17
  • 分类：About
  • 作者：银子
  • 3,261 位领导视察

完成已到半夜,拍照记念-_-!!

qqdang.gif

即将上线，敬请关注!

P.S.本站LOGO设计者为 卡卡 And CUIQQ

Tags : , ,
0 位领导批示

JS 给文章所有段落后自动加上链接地址的三种方法(2 位领导批示)

  • 2007-11-17
  • 分类：JavaScript
  • 作者：银子
  • 3,303 位领导视察

论坛上看到的问题

我用DOM方法做了一个

<!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>无标题文档</title>
<style>
.test {color:#369;margin-left:18px;}
</style>
</head>
<body>
<p>在看第二个图，如果你全选后准备拷贝这些文字，就会发现在每一段后面都躲了一段字符，而这段字符在“图1”中是隐藏起来的，只有当你选择后才能显现出来。</p>
<p>如上图，这是正常阅读文章的状态，一切显示正常</p>
<p>如上图，这是正常阅读文章的状态，一切显示正常</p>
<script>
function test()
{
var myP = document.getElementsByTagName("p");
for(var i=0;i<myP.length;i++)
{
var createLink = document.createElement("a");
createLink.setAttribute("class","test");
createLink.setAttribute("href","http://www.qqdang.net/blog/");
createLink.setAttribute("target","new");
var createText = document.createTextNode("http://www.qqdang.net/blog/");
createLink.appendChild(createText);
myP[i].appendChild(createLink);
}
}
window.onload = function() {test();}
</script>
</body>
</html>

另外两位板油的答案

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
    <script type="text/javascript">
window.onload=function(){
var brs=document.getElementsByTagName("br");
for(var i=0;i<brs.length;i++){
var txt=document.createTextNode("http://www.hansir.cn");
document.body.insertBefore(txt,brs[i]);
}
}
</script>
 </HEAD>
 <BODY>
 中华人民共和国中华人<br />民共和国中华人民共和国中华人民共和国中华人民共和<br />国中华人民共和国中华人民共和国中华人民共和国<br />中华人民共和国中华人民共和国中华人民共和国中<br />华人民共和国中华人民共和国中华人民共和国中华人民共和国中华人民共和国<br />
 </BODY>
</HTML>

用正则的方法，相当简练

<script>
window.onload=function(){
document.body.innerHTML=document.body.innerHTML.replace(/<\/(p|P)>/igm,'<font color="#ffffff">http://www.web0.cn/</font></p>');
}
</script>
<body>
<p>看看~~~</p>
<p>选上看看~~~~~</p>
</body>
Tags : ,
2 位领导批示

getElementsByClassName 获取文档中特定class元素(1 位领导批示)

  • 2007-11-17
  • 分类：JavaScript
  • 作者：银子
  • 5,287 位领导视察

JS中默认只能用ID与NAME来获取元素，但有时想能直接获取到CLASS就方便多了

GOOGLE了下后，写了一个

document.getElementsByClassName = function(eleClassName)
{
var getEleClass = [];//定义一个数组
var myclass = new RegExp("\\b"+eleClassName+"\\b");//创建一个正则表达式对像
var elem = this.getElementsByTagName("*");//获取文档里所有的元素
for(var h=0;h<elem.length;h++)
{
var classes = elem[h].className;//获取class对像
if (myclass.test(classes)) getEleClass.push(elem[h]);//正则比较，取到想要的CLASS对像
}
return getEleClass;//返回数组
}
Tags : , ,
1 位领导批示

随机显示的10篇日志

评论最多的10篇日志

浏览最多的10篇日志