07 2016 档案

摘要: 阅读全文
posted @ 2016-07-29 11:48 乡间小路 阅读(5086) 评论(0) 推荐(1)
摘要:为了和文章分类部分的样式进行区分,我决定自己动手写一个具有其他样式的分类标签集。刚好看到豆瓣读书板块的首页中的图书分类标签还不错,于是决定自己写一个类似的样式。首先是HTML代码部分: 可以看到图书分类标签很简单——直接使用'a'标签作为分类标签,下面只要针对它写CSS样式就可以了。 分类标签集效果 阅读全文
posted @ 2016-07-28 15:56 乡间小路 阅读(1151) 评论(0) 推荐(0)
摘要:顶求网首页是一个web2.0博客类的网站首页,在该网站中用户可以发表博客,也可以推荐图书给其他用户。所以,在首页中主要分三个板块——文章、图书、用户。另外,网站的头部和尾部还要有导航(navigator,固定在头部)和脚注(footer),而这些元素也是整个网站都要用到的,具体实现时可以把它们放在网站的布局模板中。 阅读全文
posted @ 2016-07-18 14:42 乡间小路 阅读(536) 评论(0) 推荐(0)
摘要:BootStrap是基于HTML、CSS和JavaScript的框架,使你只需要写简单的代码就可以很快的搭建一个还不错的前端框架,他是后端程序员的福音,使他们只需要专注业务逻辑,而无须浪费太多的精力在界面设计上。 它可以开发全响应式网页——不论你使用手机、平板电脑、普通个人电脑浏览网站内容,所有的元素都可以很优雅的呈现。所以,可以用他来开发适合各种设备浏览的页面,避免了大量的因为兼容性而导致的重复劳动。 它的最新版本是4.0,国内目前用的较多的是3.x,我们的教程也基于BootStrap3.x版本,也是目前最受欢迎的前端框架之一。 你可以使用默认的BootStrap样式和组件,你也可以对其进行二次开发,当然你也可以基于BootStrap环境使用自己写的组件。 阅读全文
posted @ 2016-07-17 11:02 乡间小路 阅读(6268) 评论(0) 推荐(0)
摘要:用百度编辑器——Ueditor(版本1.4.3.3,2016-05-18日上线)插入锚点的时候,每次总是失败,百思不得其解。通过分析Ueditor的代码ueditor.all.js,可以看出Ueditor插入锚点的过程,实际上是一个img标签和a标签相互转换的过程,其代码如下: 'anchor':{ 阅读全文
posted @ 2016-07-14 21:17 乡间小路 阅读(3330) 评论(1) 推荐(0)
摘要:一直想改版网站首页的图书展示部分,以前的展示是使用BootStrap的传统的collapse,网页篇幅占用大,也不够美观,操作也相对来说比较麻烦。于是有了自己利用Jquery来做一个图书展示的tabs的想法,之前也在网上找了半天,并不是很满意。 下面来看看我的实现过程: 首先是HTML部分,HTML 阅读全文
posted @ 2016-07-12 08:45 乡间小路 阅读(1529) 评论(0) 推荐(2)
摘要:做过web前端UI的小伙伴们都知道,有时候我们在网页中会使用一些超级链接,而这些链接不用指向任何地址,只是为了配合javascript的onclick事件而存在的,当我们点击这些链接时(其实也可以看做时按钮),网页就会出现一些交互的界面(比如选项卡切换,发起一个异步请求)等等。 而当不需要链接指向地 阅读全文
posted @ 2016-07-11 16:52 乡间小路 阅读(536) 评论(0) 推荐(0)
摘要:在顶求网的首页中我使用了BootStrap的轮播(carousel)插件来展示文章中的图片。我在程序中自动抓取文章的第一张图片作为该轮播控件中要显示的图片,由于文章的图片大小不一,而轮播插件的大小基本是固定的,所以展示的时候图片出现了变形。在网上找了很多中方式也没有解决(过程曲折,不再赘述),直到找到了这款Jquery的缩放插件——jqthumb.js 阅读全文
posted @ 2016-07-09 16:55 乡间小路 阅读(4690) 评论(0) 推荐(2)
摘要:前两天自己写的一篇文章“针对BootStrap中tabs控件的美化和完善”被别的网站给转载了,这也许是值得高兴的一件事情,但是有些网站并没有注明来源和作者。而去百度搜索这篇文章,排名第一的居然是那些转载的网站,哎,怪自己没本事,网站权重低,所以,我想了一个办法,能第一时间将我的文章提交给百度收录,以 阅读全文
posted @ 2016-07-08 12:03 乡间小路 阅读(795) 评论(0) 推荐(0)
摘要:在视窗足够大的时候是没有任何问题的,但是当拖动改变视窗的大小后会发现布局又变乱了,这个问题困扰了我许久,最后通过分析bootcss的源码我发现该网站在所有使用affix的元素的class中都添加了"hidden-print" "hidden-xs" "hidden-sm"这些属性 阅读全文
posted @ 2016-07-07 16:46 乡间小路 阅读(9668) 评论(3) 推荐(2)
摘要: 阅读全文
posted @ 2016-07-06 10:44 乡间小路 阅读(15336) 评论(0) 推荐(0)