glowry

下面的实例说明都只是我这几天下载后分析，而且我也是个新手，所以难免会有不少错误，这些都只是我个人的分享，希望有人能指出其中的错误，这样大家可以一起学习一起进步。 （ 实例的完整代码会在文章最后分享，图片地址要修改的哦） 一、第一个先从简单下手，讲渐变轮播图。对了，这个是文字的，不过原理和图片一样。 这是轮播图部分的html代码： <div class="newlist br-bg" id="hnews"> <h3 class="ti"> 厂房设备 <a href="Workshop/" title="厂房设备" class="more">更多>></a> </h3> <div class="newtextlist" id="hnewsitems"> <li class='list top'><a href='Workshop/Workshop6.html' title='空气净化器生产厂房' target='_self'>空气净化器生产厂房</a><span class='time'>2013-05-30</span></li> <li class='list '><a href='Workshop/Workshop9.html' title=' 旋风式除尘设备生产厂房' target='_self'> 旋风式除尘设备生产厂房</a><span class='time'>2013

当今的大部分网页设计都包含了半透明的元素.但用CSS实现想要的效果却没那么简单. 现存的问题 如果我们想要一个半透明背景,有两种实现方式: – 利用CSS和opacity属性 – 建立一个24位PNG背景图片 用opacity的问题除了 需要通过麻烦的语法来兼容所有浏览器 , 还有不单该元素自身背景透明了,它的子元素也会透明. 所以里面所有的文字也是透明的,这一般不是想要的效果. 你可以做一些CSS trick,通过建立额外的元素来解决这个问题,但这种解决方案很恶心. 用PNG的问题是会额外增加HTTP请求, 而且图片比几行css代码要大得多- 尤其考虑到图片不能太小以避免 IE下24位PNG图透明时引起的内存泄漏 . 解决方案 http://fancyoung.com/blog/css-background-transparency/ 来源： oschina 链接： https://my.oschina.net/u/1446867/blog/232726

最近自己用thinkphp和bootstrap做一个小站点，在用到ajax与后台数据库交互实现无刷新分页时，因为我需要返回的数据是html代码，里面包含要显示出图片，然而返回数据到静态页面时，却发现返回的图片未被网页加载显示。找了一些资料，最后提取总结了别人一些经验，写了一个小技巧。这里纯属新手自学的总结，大牛们见怪莫怪。如果我的分享有不妥处，还望各位不吝赐教。 先说下主要操作的思路：当静态页面的ajax提交后到后台进行数据查询和处理后，返回类似以下的html字符串 <img src='' width='250px' hieght='100px' alt='image' data-url='/wamp/www/schoolbag/Public/img/s2.jpg'> 把这个用jquery的html方法插入的页面中是无法加载显示图片的。 大家应该注意到上面的img标签中的data-url，平时没有实际的意义，但是这里可以作为一个技巧来用，当ajax返回数据成功后，即可以执行如下操作 $('#ajax_content').html(data['html']); var img_url = $('#ajax_content img').attr('data-url'); $('#ajax_content img').attr('src',img_url);