pagemaker

jQuery/html5 的插件turn.js实现的书本和杂志翻页效果

星期日, 五月 6th, 2012 | html5, pagemaker | 没有评论

看到一个很不错的jquery的插件turn.js,在支持html5的设备上(PC,平板,手机等)实现的像很多电子杂志和电子书的翻页效果

turn.js 支持硬件加速来让翻页效果更加平滑。

可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时 等

更多TURN.JS信息可以去翻阅下列资料:
——————————————————
Github: https://github.com/blasten/turn.js
Reference: https://github.com/blasten/turn.js/wiki/Reference
Website: www.turnjs.com
——————————————————

上贴图:

Tags: , , , ,

jquery moblie 按钮图标那点事

星期四, 四月 12th, 2012 | html5, pagemaker | 一条评论

记忆力不好记不住jqm图标的样子,做此文图文对照,很方便自己知道是什么图如下(系统提供的18个图标):本文参照api摘录版:

<a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">Delete</a>
 
data-icon属性可以被用来创建如下所示的图标
左箭头 	data-icon="arrow-l"
右箭头 	data-icon="arrow-r"
上箭头 	data-icon="arrow-u"
下箭头 	data-icon="arrow-d"
删除   	data-icon="delete"
添加 	data-icon="plus"
减少 	data-icon="minus"
检查 	data-icon="check"
齿轮 	data-icon="gear"
刷新    data-icon="refresh"
前进 	data-icon="forward"
后退 	data-icon="back"
网格 	data-icon="grid"
五角星 	data-icon="star"
警告 	data-icon="alert"
信息 	data-icon="info"
首页 	data-icon="home"
搜索 	data-icon="search"

› Continue reading

Tags: , , , ,

jquery mobile动态添加元素之后不能正确渲染解决方法(listview和div html 元素)

星期日, 四月 8th, 2012 | html5, pagemaker | 没有评论

问题就不描述了,ajax处理玩数据对于按钮等操作都没有被渲染,需要调用jqm的css去渲染,方法如下:
一:对于listview: $(‘ul’).listview(‘refresh’);
二:对于div或其他: $(‘allAddContent’).trigger( “create” );

1.
var list = $("<li><a href='//www.pomelolee.com'>Pomelo Lee-"+i+"</a></li>");
  $("#listShow").append(list).find("li:last").hide();
  $('ul').listview('refresh');
html 如下:
<div data-role="content">
        <ul data-role="listview" id="listShow" data-inset="true">
          <li><a href="#">html5</a> </li>
          <li><a href="#">css</a></li>
        </ul>
      </div>
2.
var allAddCon="<a href=\"javascript:goto('i5a6?id="+data.rows[i-1].id+"')\"; data-role='button' data-theme='b'>Pomelo Lee网络</a>";
$("#allAddContent").html(allAddCon).trigger( "create" );;

Tags: , , ,

python开发环境搭建和与eclipse集成

星期五, 一月 20th, 2012 | pagemaker | 没有评论

Python与eclipse集成,分为三步:

1.下载Python的开发包,官方网站http://www.python.org下载并安装就可以了。
windows 下配置path路径,添加刚才的安装路径:D:\soft\worksoft\Python27
在cmd命令行中输入:python -V 其中V是大写的
输出:Python 2.7.2(输入你的安装版本即安装成功,超easy的说)

2.在eclipse里面,help->Install New Software在弹出的窗口中贴入如下地址:http://pydev.org/updates,点击add,然后ok,安装PyDev即可,安装完成后重启eclipse。

3.然后在eclipse里菜单windows->prefrence里找到PyDev->interpreter-Python在右上面点击New找到python.exe在Python的安装目录下面。

至此Python在eclipse的配置完成,就可以用eclipse新建项目进行eclipse开发了。

小记:关于python的学习资料可以去此网站看对应的教程很不错的http://woodpecker.org.cn/ Python教程

Tags: , , , ,

-2147467259 (0x80004005) asp数据库连接错误

星期日, 七月 17th, 2011 | pagemaker | 没有评论

遇到个“-2147467259 (0x80004005)”这个问题,现在解决了组件的注册问题。
运行cmd,然后
regsvr32 vbscript.dll;
regsvr32 jscript.dll;
regsvr32 %windir%\system32\inetsvr\asp.dll
重新启动一下IIS,错误就解决了

Tags: ,

折腾下给图片加网格的和边缘圆角的处理(PS)

星期六, 六月 18th, 2011 | pagemaker | 一条评论

自己一直写程序,对PS这东西不熟悉,今天看到圆角图片就很像知道怎么处理的;google了下搞定了,还制作了个网格图片
放上去留个纪念;

Pomelo Lee

Pomelo Lee


主要步骤呢:
1.用矩形圆角选择,CRTL+SHIFT+I,编辑定义图案,使用蒙版,中间建层,白色,SHIFT+F5填充图片(估计就自己能懂)

Tags: , ,

ps图片边框简易法

星期一, 五月 30th, 2011 | pagemaker | 没有评论

新建图层—–>>矩形选中—>>右键描边—-》描边设置,搞定~

Tags: ,

飘来飘去的广告代码

星期五, 三月 11th, 2011 | pagemaker | 没有评论

就是在屏幕上,滚来滚去的图片链接代码了,兼容性还不错!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div id="ad" style="position:absolute">   
<a href="//www.pomelolee.com/" target="_blank">   
<img src="//www.pomelolee.com/images/ad.jpg" border="0">   
</a></div>     
<script>   
var x = 50,y = 60   
var xin = true, yin = true   
var step = 1    
var delay = 10   
var obj=document.getElementById("ad")    
function floatAD() {   
 
var L=T=0   
var R= document.body.clientWidth-obj.offsetWidth   
var B = document.body.clientHeight-obj.offsetHeight   
 
obj.style.left = x + document.body.scrollLeft   
 
obj.style.top = y + document.body.scrollTop   
 
x = x + step*(xin?1:-1)    
if (x < L) { xin = true; x = L}    
 
if (x > R){ xin = false; x = R}    
 
y = y + step*(yin?1:-1)    
 
if (y < T) { yin = true; y = T }    
 
if (y > B) { yin = false; y = B }    
 
}   
var itl= setInterval("floatAD()", delay)    
obj.onmouseover=function(){clearInterval(itl)}    
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}   
</script>

Tags:

eWebEditor老版本在IE8/遨游/360编辑器无法使用的修正

星期五, 二月 11th, 2011 | pagemaker | 没有评论

问题是在eWebEditor 的免费版版本中的,无法点击的情况,修正方法如下

在edit/include/editor.js 中替换以下代码
if (element.YUSERONCLICK) eval(element.YUSERONCLICK + ‘anonymous()’);
修改为

1
2
3
4
5
6
7
8
if(navigator.appVersion.match(/8./i)=='8.'|| navigator.appVersion.match(/MAXTHON/i)=='MAXTHON'|| navigator.appVersion.match(/360/i)=='360')
  {
  if (element.YUSERONCLICK) eval(element.YUSERONCLICK + 'onclick(event)');
  }
  else
  {
  if (element.YUSERONCLICK) eval(element.YUSERONCLICK + 'anonymous()');
  }

即可,还不生效的话,记得情况下缓存在试验下看!
同时还有个问题是:
eWebEditor 上传图片出现 “d_file.myform.uploadfile 为空或不是对象”的错误.
原因解决如下:
› Continue reading

Tags: , ,

php教程之set_magic_quotes_runtime()函数的作用

星期二, 一月 4th, 2011 | disucz, pagemaker, php | 没有评论

set_magic_quotes_runtime(0);

可以修改php.ini中 magic_quotes_runtime boolean的设置

当你的数据中有一些
\


这样的字符要写入到数据库里面,又想不被过滤掉的时候,它就很有用,会在这些字符前加上\
› Continue reading

Tags: ,

Search

文章分类

Links

Meta