仿百度首页

前言：学习了一个星期的HTML和CSS，感觉有点烦躁，想做点小东西练练手。百度首页十分简洁，应该是个练手的好地方。

1. 对照着界面在纸上大概地写下了HTML结构~

2. 图像居中显示问题。

这里使用了一个属性text-align: center; 官网上对它的描述是这样子的：This property describes how inline-level content of a block container is aligned.

时间： 2024-10-29 17:01:14

仿百度首页的相关文章

仿百度首页选项卡切换效果

效果:http://hovertree.com/texiao/jquery/71/ 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery仿百度首页选项卡切换效果 - 何问起</title> <base ta

jquery特效分享-一款基于jQuery的仿百度首页滑动选项卡

今天给大家分享一款基于jQuery的仿百度首页滑动选项卡.这款选项卡适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 实现的代码. html代码: <div class="main-page"> <div class="left"> <div class="nav-back"> </div> <div class="

基于jQuery仿百度首页换肤功能代码

分享一款基于jQuery仿百度首页换肤功能代码.这是一款类似百度首页的自定义背景图片切换特效代码. 在线预览源码下载实现的代码. html代码: <a href="#">换肤</a> <div class="heitiao"></div> <div class="con"><img src="images/content.png" /></d

一款基于jQuery的仿百度首页滑动选项卡

今天给大家分享一款基于jQuery的仿百度首页滑动选项卡.这款选项卡适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="main-page"> <div class="left"> <div class="nav-back"> </div> <div

学了html和css之后没有做过什么大的项目,没有什么项目经验,所以决定从小的项目做起,然后做大的项目,循序渐进,增加自己的项目经历和增强自己的动手能力. 百度首页没有特别多的东西,所以仿起来比较容易,但是要做到完全一模一样还是要花费一些功夫的. 一做一些准备工作: 1 编辑器:webstorm,浏览器:Chrome; 2 利用Chrome的Image downloader插件抓取百度首页的图片,作为素材. 3编程实现二项目的文件结构百度首页 .├── css│ └── index.

简易仿百度首页

html:部分 <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="description" content="百度一下你就知道"> <me

仿百度首页背景图片始终全屏

利用position:fixed属性新建一个全屏的层,将背景图片置于这个层中,这样就不会随着鼠标滚轮的滚动而改变背景图片的大小. 主要css: .image_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1} .image_bg img{position:absolute;left:0;top:0;margin:0 auto; width:100%;height:100%;z-index:-1} 测试代码: <!DO

仿百度壁纸客户端（三）——首页单向，双向事件冲突处理，壁纸列表的实现

仿百度壁纸客户端(三)--首页单向,双向事件冲突处理,壁纸列表的实现上回把广告轮播图给实现了,今天就来把主页的大部分功能给实现了一.ScrollView和ViewPager滑动事件冲突的解决办法我们仔细想想,我们的主页架构,首先他是上下滑动的,所以这样要一个ScrollView,然后就是轮播图和其他内容了,这样的话,上下滑动有事件,轮播图也有事件,我们先看下xml的实现原理 home_fragment_xml <?xml version="1.0" encoding=&qu

JAVA仿百度分页

最近在做一个仿百度网盘的网页小应用,找到了一个优雅简洁的分页插件,和百度搜索的分页很相似,对他进行了二次封装,拿出来跟大家分享下插件源码 /** * This jQuery plugin displays pagination links inside the selected elements. * * This plugin needs at least jQuery 1.4.2 * * @author Gabriel Birke (birke *at* d-scribe *dot* de