存档

文章标签 ‘代码’

Javascript中常见的一个鼠标悬停离开BUG

Apr 5th Fri, 2013/JiaJieChan/折腾/1,302 阅读/7 comments
daima_6598135193424684709

在文章的开端先要说一下,JiaJieChan其实也不懂得Javascript(以下简称JS),不过接触的时间长了,一些文件合并、加载也是知道的。一看JS就头疼,贼长的代码且对这些代码不认识,就像昨晚把菜单栏修改为支持WP自定义菜单、参照mg12的文章修改菜单栏为多级无限菜单,真是把我头都搞大了。我比较喜欢滚动效果,可是目前的JS里面没有这个滚动效果的代码,希望高手能帮我加上去。

今天要说的是一个鼠标事件的bug,也不知道算不算是bug,应该算是一个书写错误吧。我最近都在很多blog网站等看到过这种bug。症状体现为鼠标悬停到某一元素,会弹出一个悬浮层,当鼠标离开它就会消失,当鼠标重复快速的做此动作时,弹出消失的事件就会不停的重复,直至达到刚才鼠标悬停离开的次数。普片出现在菜单栏(二级菜单),其实陈家杰BLOG早前的QR文章二维码也有这个情况(已修复),到今天又看到其他BLOG有这个问题,特意将它记录下来以备不时之需。
Read More...

nginx子目录301重定向到其他域名URL

Aug 22nd Mon, 2011/JiaJieChan/折腾/2,759 阅读/2 comments

今天找了找网上的nginx 301代码,发现不是不生效就是错误,几经修改才成功。下面发一个基于nginx的子目录301到其他域名(URL)的规则。作用是例如访问http://blog.jiajieit.net/gq/ (有杠和没杠是不同的,下面的代码中可以看出来),自动301到 http://gq.jiajieit.net 。

下面我来解释一下代码,只是基本的代码。下面“location ~* ^/gq/ {” 里的/gq/是指访问 http://当前域名/gq/ 跳转到新域名的意思,反之把后面的杠去掉就是访问http://当前域名/gq 跳转到新域名的意思。

“rewrite ^/gq/(.*)$”中的/gq/同上。中间的域名是指要跳转的域名或URL。前面的 $ 是指原地址后面的所有路径,后面的 $1 同上,也就是说跳转后所有路径不变,只是前面的域名变了。

location ~* ^/gq/ {
rewrite ^/gq/(.*)$ http://gq.jiajieit.net/$1 permanent;
}

下面说一下使用方法:

进入Linux,找到/usr/local/nginx/conf下的nginx.conf,把代码插入到server片区的location之间,推荐使用SFTP上传和下载。

按上面的格式添加并保存后上传。

最后重启一下nginx;

/usr/local/nginx/sbin/nginx -s  reload

对读者墙wp-reader-wall的美化及修改

Apr 4th Mon, 2011/JiaJieChan/折腾/2,180 阅读/6 comments

最近无意中看到读者墙的头像显示有问题,具体表现为鼠标指向头像不显示博主名及评论数目,只显示“读者墙”三个字,刚开始我是不知道头像的下面会有一个Url位置,下移鼠标才知道。

一直就这个问题想办法解决,我看了其他的博客都可以实现啊,第一件事就想到插件的问题,在这里讨论的是修改,美化将在下面提及到。

最终修改美化图

插件修改:

鉴于上面的问题,我这次修改的目的很明确,就是要把默认的描述“读者墙”修改为和下面一样的描述,能正常显示评论数目及博主名称。我反复的修改php代码,那个描述就是不生效,将近2个小时了,还是看不出有什么问题,Chrome的查看源代码也没发现什么问题。

就在想放弃的时候,在一论坛看到Alt标签和Title标签,据作者所说Alt和Title对不同的浏览器是由不同的,任意门 。然后我就翻了翻php代码,终于发现了猫腻。两段代码Url标签那里使用了Title属性,而Img标签那里却使用了Alt属性。据帖子里说,Title在Chrome下有效,Alt在IE下有效,这样问题就大概摸清了。

解决方法:

打开wp-reader-wall.php,在前面缺少Alt属性的地方加入Alt属性,在后面缺少Title属性的地方加入Title属性。如下图;

在前后都补全了相关属性,这样在IE或Chrome上都不会出现不兼容了。

 

 

为了让访客浏览得更好于是加上Target标签,使点击头像时从新窗口打开。请加入如下代码;

在 $tmp = "<a href='".$url."' title='".$comment-> 中的  $tmp = "<a后面加入 “target='_blank'” 不含双引号。

 

插件美化:

大家应该都对默认的样式看腻了吧,下面就由我教大家对读者墙的CSS样式进行修改美化。

打开当前主题的Style.css在适当的地方(那里都可以主要方便自己以后的修改)加入下面的代码;

 

 

CSS源代码取自我是大头(应该说是偷的! 12:) ) ,最后又看了看效果个人觉得横列距离密了点,于是参照了集思博客的CSS样式,对上面的代码进行了修改,使得距离宽一点;

以下为修改内容;

打开Style.css,在刚才添加的代码中找到;

在下面加上;

原创内容,转载请出示版权信息!

腾讯企业邮箱更新, 在自己的网站里嵌入登录框

Sep 14th Tue, 2010/JiaJieChan/杂谈/1,545 阅读/4 comments

腾讯的免费企业邮箱又更新了,更新时间是9月10日,更新内容为新增一个登陆框代码,使用此代码可以在自己的网站中加入一个企业邮箱的登录框,更能体现一个网站的形象。

瞧,您可以把登录框放到自己的网站上,直接登录。

只需要在自己的网页上加一段代码就行了。以管理员身份登录企业邮箱,在“基本设置”下方,可找到这段代码。

给大家介绍一个人形Flash时钟代码

May 3rd Mon, 2010/JiaJieChan/分享/1,384 阅读/没有评论

          本代码由日本制作,看来这些东西只有日本才弄得出来。效果图如下:  

人形时钟效果图

人形时钟效果图

代码:      

背景为透明:  

 <script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

背景为白色:          

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehon eclock/honehone_clock_wh.js"></script> 

 http://chabudai.org/blog/?p=59 作者博客

分类: 分享 标签: , , ,

给WP评论框添加漂亮的图片背景

Apr 18th Sun, 2010/JiaJieChan/折腾/1,761 阅读/4 comments

 

 以iNove风格为例,评论文件就是comment.php,打开此文件,发现评论框是用textarea代码来控制,并且textarea文本区域对应的CSS样式表ID为comment,这样我们就到主题样式表style.css里找到#comment代码,这个就是定义评论框的样式的,我们发现原来的代码为:

#comment {width:601px;} 

改这个代码来实现给评论框添加上背景图片,修改完的代码如下:

#comment {width:601px;background-image:url(img/comment-bg.gif);background-repeat:no-repeat;background-position:right bottom;}

代码解释: 

WP评论框添加漂亮的图片背景

WP评论框添加漂亮的图片背景

   width:是定义评论框的宽度;

   background-image:url(图片地址:这里的图片可以绝对地址,也可以是相对地址,相对地址是相对style.css文件。

   background-repeat:no-repeat:定义图片是不是重复;

   background-position:right bottom:定义图片对齐方式,这里是向右、底对齐。

   之后你做个图片上传到你的空间,图片地址要和设置地址一致,建议图片宽度不要大于文本区域宽度,高度在200以内。

Html背景音乐代码

Jan 1st Fri, 2010/JiaJieChan/分享/1,246 阅读/没有评论

<EMBED style="FILTER: Invert" src=音乐地址 width=0 height=0 type=audio/mpeg loop="0" autostart="1" volume="0"></EMBED>

说明:width=100 height=40 中的数字分别表示播放器的宽度和高度,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放) autostart="true"中true或1表示自动播放,false或0表示手动播放 loop="true" 中的true或1表示重复播放,false或0表示只播放一次

 

            演示请睇本Blog  http://Blog.JiaJieiT.Net.Ru

HTML音乐播放器代码

HTML音乐播放器代码

分类: 分享 标签: , , ,

每刷新一次就会更新一次音乐Html代码

Dec 8th Tue, 2009/JiaJieChan/分享/919 阅读/没有评论

每刷新一次页面就会更新一次音乐

网页每次刷新自动更换背景音乐代码

 

<SCRIPT LANGUAGE="javascript">
<!--
var sound1="http://歌曲地址"
var sound2="http://歌曲地址"
var sound3="http://歌曲地址"
var sound4="http://歌曲地址"
var sound5="http://歌曲地址"
var sound6="http://歌曲地址"
var sound7="http://歌曲地址"
var sound8="http://歌曲地址"
var sound9="http://歌曲地址"
var sound10="http://歌曲地址"
var x=Math.round(Math.random()*10)
if (x==0) x=sound1
else if (x==1) x=sound2
else if (x==2) x=sound3
else if (x==3) x=sound4
else if (x==4) x=sound5
else if (x==5) x=sound6
else if (x==6) x=sound7
else if (x==7) x=sound8
else if (x==8) x=sound9
else x=sound10
if (navigator.appName=="Microsoft Internet Explorer"
document.write('<bgsound src='http://www.yourname.com/+'"'+x+'"'+' loop="infinite">')
else
document.write('<embed src='http://www.yourname.com+'"'+x+'"'+'hidden="true" autostart="true" loop="true">')
//-->
</SCRIPT>

分类: 分享 标签: , , , ,