Team:WHU-China

From 2012.igem.org

(Difference between revisions)
 
(105 intermediate revisions not shown)
Line 13: Line 13:
//定义菜单及侧边栏数据
//定义菜单及侧边栏数据
var menuObj = {
var menuObj = {
-
home : [
+
Home : [
{
{
-
title : "what's new",
+
title : "<strong>What's New</strong>",
picArray : [
picArray : [
-
new picObj("1.png", "title 1", "what's new 1what's new 1whwhat's new 1what's new 1whwhat's new 1what's new 1whwhat's new 1what's new 1what's new 1what's new 1what's new 1what's new 1what's new 1what's new 1what's new 1what's new 1what's new 1what's new 1", "http://baidu.com/"),
+
new picObj("https://static.igem.org/mediawiki/2012/e/e3/What%27s_new_first.png","Overall Project", "Compared with traditional methods of losing weight, our probiotic-- E.coslim has three advantages: monitoring, high efficiency and long term efficiency.", "https://2012.igem.org/Team:WHU-China/Project?catalog=0"),
-
new picObj("1.png", "title 1", "what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2what's new 2", "http://sina.com/"),
+
new picObj("https://static.igem.org/mediawiki/2012/f/ff/Promoter_design.png", "Monitoring", "With two novel synthetic promoters, Pcar and PfadR, our E.coslim is able to sense, respond to the high calorie molecules and therefore monitor the health condition in human intestine.", "https://2012.igem.org/Team:WHU-China/Project?catalog=2#Pcar"),
-
new picObj("1.png", "title 1", "what's new 3what's new 3what's new 3what's neat's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's new 3what's newew 3what's new 3", "http://sohu.com/")
+
new picObj("http://partsregistry.org/wiki/images/f/ff/%E5%85%A8%E6%99%AF%E5%8A%A0%E6%AD%BB%E4%BA%A11.png", "Becoming highly efficient-- Panorama of the All Devices", "Four novel devices-- Fatty Acid Degradation, Cellulose Synthesis, Colonization and Death were designed to ensure high efficiency respond to high- calorie molecule, making people slim!", "https://2012.igem.org/Team:WHU-China/Project?catalog=3"),
 +
          new picObj("https://static.igem.org/mediawiki/2012/0/09/%E8%83%96%E5%AD%90%E7%98%A6%E5%AD%90.png", "Long term efficiency of the E.coslim", "By mathematical model, we showed that when viewed at a macroscopic level, the E. coslim may achieve long term efficiency by modulating the composition of gut microbiota.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=2")
 +
]
]
},
},
{
{
-
title : "pathway introduction",
+
title : "<strong>Pathway Introduction</strong>",
picArray : [
picArray : [
-
new picObj("2.png", "title 2", "pathway introduction 1pathway introduction 1pathway introduction 1pathway introduction 1pathway introduction 1pathway introduction 1pathway introduction 1pathway introduction 1pathway introduction 1pathway introduction 1production 1", "#"),
+
new picObj("https://static.igem.org/mediawiki/igem.org/8/82/Pathway_FattyAcid.png", "Fatty Acid Degradation", "Feel free to eat meat since the fat is all degraded by our E.coslim!", "https://2012.igem.org/Team:WHU-China/Project?catalog=3"),
-
new picObj("2.png", "title 2", "pathway introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2 introduction 2", "#"),
+
new picObj("https://static.igem.org/mediawiki/igem.org/1/18/Pathway_Cellulose.png", "Cellulose Synthesis", "Transforming glucose into cellulose, the high-sugar food you eat will be turned into vegetables!", "https://2012.igem.org/Team:WHU-China/Project?catalog=4"),
-
new picObj("2.png", "title 2", "pathway introduction 3way introduction 3way introduction 3way introduction 3way introduction 3way introduction 3way introduction 3way introduction 3way introduction 3way introduction 3way introduction 3way introduction 3", "#")
+
new picObj("https://static.igem.org/mediawiki/2012/e/ea/Device_three.png", "Colonization", "The magic molecule c-di-GMP enables E.coslim colonizing in the gut to better fulfill its magic function!", "https://2012.igem.org/Team:WHU-China/Project?catalog=5"),
 +
new picObj("https://static.igem.org/mediawiki/2012/b/b6/DEATH.png", "Death", "We plan to use xylose inducing death device to hlep people terminate the effect of E. coslim at will as well as prevent horizontal gene transfer", "https://2012.igem.org/Team:WHU-China/Project?catalog=6")
]
]
},
},
 +
{
{
-
title : "future prospective",
+
title : "<strong>Future Perspective</strong>",
picArray : [
picArray : [
-
new picObj("3.png", "title 3", "future prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1uture prospective 1utureive 1", "#"),
+
new picObj("https://static.igem.org/mediawiki/2012/a/ab/%E5%8F%8C%E8%83%B6%E5%9B%8A2.jpg", "Two Capsule Design", "Capsule I contains the E.coslim, making people slim, while Capsule II contains xylose, terminating the effects of the Capsule I.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=0"),
-
new picObj("3.png", "title 3", "future prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospective 2e prospecpective 2", "#"),
+
new picObj("https://static.igem.org/mediawiki/2012/d/d2/Fpbody2.jpg", "In vitro experiment in a simulated intestine", "The gut microbiota and E.coslim will be inoculated in a simulated intestine, then the concentration measurement of each component will tell us whether E.coslim works as desired.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=0"),
-
new picObj("3.png", "title 3", "future prospective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3pective 3", "#")
+
new picObj("https://static.igem.org/mediawiki/2012/8/85/%E5%B0%8F%E9%BC%A0%E5%AE%9E%E9%AA%8C02.jpg", "In vivo experiment in mice", "E.coslim will also be inoculated into mice and the microbiome analysis will tell us the real situation in vivo.", "https://2012.igem.org/Team:WHU-China/Modeling?catalog=0")
 +
]
 +
},
 +
 
 +
 
 +
 
 +
{
 +
title : "<strong>Achievements</strong>",
 +
picArray : [
 +
new picObj("https://static.igem.org/mediawiki/2012/d/d1/Achievements_device_xia.png", "Devices", "This year, we got solid results in every device we designed. In all 66 new biobricks we submitted, 39 of them have been proved to be effective. Our project also foucused on the cutting edge science such as c-di-GMP and gut microbiota ", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
 +
 
 +
new picObj("https://static.igem.org/mediawiki/2012/c/ca/Achievements_1.png", "Biobicks we have improved", "In our project, we have improved the function of some biobricks,such as BBa_J54222, BBa_K188011 and BBa_R0051. ", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
 +
 
 +
new picObj("https://static.igem.org/mediawiki/2012/f/f5/Achievements_2.png", "Novel promoter we designed", "As the existing promoter can not meet our demand, we designed two novel synthetic promoters Pcar and PfadR to achieve the goal of sensing and responding solely to high- calorie molecules. In addition, we also set up a standard for promoter design.", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
 +
 
 +
new picObj("https://static.igem.org/mediawiki/2012/2/27/Methods_we_improve.png", "Methods we improved", "In our project, we improved some traditional methods to measure the comsumption of fatty acids and production of cellulose. Also we developed a software named FANCY to detect the fluorescence intensity of single cell. ", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
 +
 
 +
new picObj("https://static.igem.org/mediawiki/2012/7/79/Human_practice_xia.png", "Human Practice", "We have helped HUST iGEM team debug their project and mathematical model. We also did a survey on GMOs and publicized iGEM to the public.", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=0"),
 +
]
]
},
},
{
{
-
title : "about us",
+
title : "<strong>About Us</strong>",
picArray : [
picArray : [
-
new picObj("4.png", "title 4", "about us 1", "#"),
+
new picObj("https://static.igem.org/mediawiki/2012/a/a7/Whu-2012-1.jpg", "WHU-China 2012, I was there", "The Entrance of State Wuhan University", "https://2012.igem.org/Team:WHU-China/Team?catalog=1"),
-
new picObj("4.png", "title 4", "about us 2", "#"),
+
new picObj("https://static.igem.org/mediawiki/2012/2/23/Whu2012heying.jpg", "MIT, we're coming!", "Collge of Life Sciences of WHU", "https://2012.igem.org/Team:WHU-China/Team?catalog=4"),
-
new picObj("4.png", "title 4", "about us 3", "#")
+
new picObj("https://static.igem.org/mediawiki/2012/4/43/Whu2012-2.jpg", "WHU-China, Hooray!", "Yuntai Mountain, Henan Province", "https://2012.igem.org/Team:WHU-China/Notebooks?catalog=5")
]
]
}
}
],
],
-
team : [
+
Team : [
{
{
-
title : 'aa',
+
title : '<strong>Team Introduction</strong>',
 +
dir : []
 +
},
 +
                {
 +
title : '<strong>Members</strong>',
dir : [
dir : [
{
{
-
title : 'aaaa',
+
title : 'Jiawei Huang',
-
href : '#aaaa'
+
href : '#Jiawei Huang'
 +
},
 +
{
 +
title : 'Kuanwei Sheng',
 +
href : '#Kuanwei Sheng'
 +
},
 +
{
 +
title : 'Xian Xia',
 +
href : '#Xian Xia'
 +
},
 +
{
 +
title : 'Long Mei',
 +
href : '#Long Mei'
 +
},
 +
{
 +
title : 'Fan Cheng',
 +
href : '#Fan Cheng'
 +
},
 +
{
 +
title : 'Wenxiong Zhou',
 +
href : '#Wenxiong Zhou'
 +
},
 +
{
 +
title : 'Boxiang Wang',
 +
href : '#Boxiang Wang'
 +
},
 +
{
 +
title : 'Tong Wang',
 +
href : '#Tong Wang'
 +
},
 +
{
 +
title : 'Jiani Hu',
 +
href : '#Jiani Hu'
 +
},
 +
{
 +
title : 'Shiwei Gao',
 +
href : '#Shiwei Gao'
 +
},
 +
{
 +
title : 'Jing Zhang',
 +
href : '#Jing Zhang'
 +
},
 +
                        {
 +
title : 'Yuan Feng',
 +
href : '#Yuan Feng'
 +
},
 +
 
 +
{
 +
title : 'Pengcheng Zhou',
 +
href : '#PengchengZhou'
 +
},
 +
{
 +
title : 'Chang Liu',
 +
href : '#Chang Liu'
 +
},
 +
{
 +
title : 'Min Ye',
 +
href : '#Min Ye'
 +
},
 +
{
 +
title : 'Xuepeng Huang',
 +
href : '#Xuepeng Huang'
 +
},
 +
{
 +
title : 'Yancheng Liu',
 +
href : '#Yancheng Liu'
 +
},
 +
{
 +
title : 'Cheng Zhao',
 +
href : '#Cheng Zhao'
 +
},
 +
{
 +
title : 'Chao Huang',
 +
href : '#Chao Huang'
 +
},
 +
                        {
 +
title : 'Yutian Zhang',
 +
href : '#Yutian Zhang'
 +
},
 +
 
 +
{
 +
title : 'Wei Hong',
 +
href : '#Wei Hong'
 +
},
 +
{
 +
title : 'Liuyi Hu',
 +
href : '#Liuyi Hu'
 +
                                                },
 +
{
 +
title : 'Jin Liu',
 +
href : '#Jin Liu'
}
}
-
]
+
      ]
},
},
{
{
-
title : 'bb',
+
title : '<strong>Instructors</strong>',
dir : [
dir : [
{
{
-
title : 'bbbb',
+
title : 'Jianbo Wang',
-
href : '#bbbb'
+
href : '#Jianbo Wang'
-
}
+
},
 +
                                                {
 +
                                                        title : 'Zhixiong Xie',
 +
                                                        href : '#Zhixiong Xie'
 +
                                                },
 +
                                                {
 +
                                                        title : 'Yu Chen',
 +
                                                        href : '#Yu Chen'
 +
                                                }
]
]
},
},
{
{
-
title : 'ccc',
+
title : '<strong>Team History</strong>',
dir : []
dir : []
 +
},
 +
{
 +
title : '<strong>About WHU</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>About Our Lab</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>Acknow-</br>ledgements & Attributions</strong>',
 +
dir : [
 +
    {
 +
title : 'Acknowledgements',
 +
href : '#Acknowledgements'
 +
},
 +
                        {
 +
                            title : 'Attributions',
 +
                            href : '#Attributions'
 +
                        },
 +
]
}
}
 +
],
],
-
project : [
+
Project: [{
 +
title: '<strong>Description</strong>',
 +
dir: []
 +
},
{
{
-
title : 'aa',
+
title: '<strong>Background</strong>',
-
dir : [
+
dir: [
-
{
+
 
-
title : 'aaaa',
+
-
href : '#aaaa'
+
-
}
+
]
]
},
},
{
{
-
title : 'bb',
+
title: '<strong>Promoter Design</strong>',
-
dir : [
+
dir: [{
-
{
+
title: 'Introduction',
-
title : 'bbbb',
+
href: '#Introduction'
-
href : '#bbbb'
+
},{
-
}
+
title: 'Indirect Pathway Design',
 +
href: '#Indirect Pathway Design'
 +
},
 +
{
 +
title: 'Direct Regulatory Promoter Design',
 +
href: '#Direct Regulatory Promoter Design'
 +
},
 +
{
 +
title: '<i>Pcar</i>',
 +
href: '#Pcar'
 +
},
 +
{
 +
title: '<i>PfadR</i>',
 +
href: '#PfadR'
 +
},
 +
{
 +
title: 'Standard',
 +
href: '#Standard'
 +
}]
 +
},
 +
{
 +
title: '<strong>Device I: Fatty Acid Degradation</strong>',
 +
dir: [
 +
{
 +
    title: 'Purpose',
 +
href: '#Purpose'
 +
},
 +
{
 +
    title: 'Outline',
 +
    href: '#Outline'
 +
},
 +
{
 +
    title: 'Progress',
 +
    href: '#Progress'
 +
},
 +
{
 +
    title: 'Experimental Procedure',
 +
    href: '#Experimental Procedure'
 +
},
 +
{
 +
    title: 'Results',
 +
    href: '#Results'
 +
}
]
]
},
},
{
{
-
title : 'ccc',
+
title: '<strong>Device II: Cellulose Synthesis</strong>',
 +
dir: [{
 +
    title: 'Outline',
 +
href: '#Outline1'
 +
},
 +
{
 +
    title: 'Design',
 +
href: '#Design1'
 +
},
 +
{
 +
    title: 'Progress',
 +
href: '#Progress1'
 +
},
 +
{
 +
    title: 'Results',
 +
href: '#Results1'
 +
},{
 +
    title: 'Discussion',
 +
href: '#Discussion1'
 +
},]
 +
},
 +
{
 +
title: '<strong>Device III: Colonization</strong>',
 +
dir: [
 +
{
 +
    title: 'Purpose',
 +
href: '#Purpose2'
 +
},
 +
{
 +
    title: 'Outline',
 +
    href: '#Outline2'
 +
},
 +
{
 +
    title: 'Experimental Procedure',
 +
    href: '#Experimental Procedure2'
 +
},
 +
{
 +
    title: 'Results',
 +
    href: '#Results2'
 +
}
 +
]
 +
},
 +
{
 +
title: '<strong>Device IV: Death</strong>',
 +
dir: [{
 +
    title: 'Outline',
 +
    href: '#Outline4'
 +
},
 +
{
 +
    title: 'Description',
 +
    href: '#Description'
 +
},
 +
 +
{
 +
    title: 'Prevention of HGT',
 +
    href: '#Prevention of HGT'
 +
}]
 +
},
 +
 
 +
],
 +
Modeling : [
 +
{
 +
title : '<strong>Future Perspective</strong>',
dir : []
dir : []
-
}
+
},
-
],
+
 
-
standard : [
+
{
{
-
title : 'aa',
+
title : '<strong>Model I: Fatty Acid Degradation</strong>',
dir : [
dir : [
{
{
-
title : 'aaaa',
+
title : 'The Ordinary Differential Equations of the Model',
-
href : '#aaaa'
+
href : '#The Ordinary Differential Equations of the Model'
 +
},
 +
{
 +
title : 'Analysis on the Steady State of the ODE',
 +
href : '#Analysis on the Steady State of the ODE'
 +
},
 +
{
 +
title : 'Parameter Screening',
 +
href : '#Parameter Screening'
 +
},
 +
{
 +
title : 'Conclusion',
 +
href : '#Conclusion'
}
}
]
]
},
},
{
{
-
title : 'bb',
+
title : '<strong>Model II: Microbiota Regulation</strong>',
dir : [
dir : [
{
{
-
title : 'bbbb',
+
title : 'Gut Microbiota Regulation',
-
href : '#bbbb'
+
href : '#Gut Microbiota Regulation'
 +
},
 +
{
 +
title : 'Situation Before the Establishment of <i>E. coslim</i> Flora',
 +
href : '#Situation Before the Establishment of <i>E. coslim</i> Flora'
 +
},
 +
{
 +
title : 'Situation After the Establishment of <i>E. coslim</i> Flora',
 +
href : '#Situation After the Establishment of <i>E. coslim</i> Flora'
 +
},
 +
{
 +
    title : 'Conclusion',
 +
href : '#Conclusion1'
}
}
]
]
 +
},
},
{
{
-
title : 'ccc',
+
title : '<strong>Software Tool: FANCY</strong>',
-
dir : []
+
dir : [
 +
{
 +
title : 'Abstract',
 +
href : '#Abstract'
 +
},
 +
{
 +
title : 'Protocol',
 +
href : '#Protocol'
 +
},
 +
{
 +
title : 'Performance Evaluation',
 +
href : '#Performance Evaluation'
 +
},
 +
{
 +
title : 'Source Code',
 +
href : '#Source Code'
 +
}
 +
                                              ]
}
}
],
],
-
notes : [
+
Notebooks : [
 +
                {
 +
title : '<strong>Achievements</strong>',
 +
dir : []
 +
},
{
{
-
title : 'aa',
+
title : '<strong>Parts</strong>',
 +
dir : []
 +
},
 +
{
 +
title : '<strong>Safety</strong>',
dir : [
dir : [
{
{
-
title : 'aaaa',
+
title : 'Brief Answers to Safety Questions',
-
href : '#aaaa'
+
href : '#Brief Answers to Safety Questions'
 +
},
 +
{
 +
    title : 'General Safety Issues',
 +
href : '#General Safety Issues'
 +
},
 +
{
 +
    title : 'Safety Considerations of Our Biobrick parts and Our Project',
 +
href : '#Safety Considerations of Our Biobrick parts and Our Project'
 +
},
 +
{
 +
    title : 'Safety Management and Practice',
 +
href : '#Safety Management and Practice'
 +
},
 +
{
 +
    title : 'Biosafety and Publicity',
 +
href : '#Biosafety and Publicity'
}
}
]
]
},
},
{
{
-
title : 'bb',
+
title : '<strong>Protocols</strong>',
dir : [
dir : [
{
{
-
title : 'bbbb',
+
title : 'Protocol for Fluorescence Measurement',
-
href : '#bbbb'
+
href : '#Protocol for fluorescence measurement'
 +
},
 +
{
 +
title : 'Protocol of Cupric-Soap Reaction',
 +
href : '#Protocols of Cupric-Soap Reaction'
 +
},
 +
{
 +
title : 'Krebs-Ringer Phosphate（KRPD Buffer Solution）',
 +
href : '#Krebs-Ringer Phosphate（KRPD Buffer Solution）'
 +
},
 +
                        {
 +
title : 'Cellulose Detection',
 +
href : '#Cellulose Detection'
 +
},
 +
 +
{
 +
title : '<i>In vitro</i> Experiment',
 +
href : '#In vitro Experiment'
 +
},
 +
                        {
 +
title : 'Plate Assay',
 +
href : '#Plate Assay'
 +
},
 +
{
 +
title : 'Materials and Methods of SDS-PAGE',
 +
href : '#Materials and Methods of SDS-PAGE'
}
}
]
]
},
},
{
{
-
title : 'ccc',
+
title : '<strong>Events</strong>',
dir : []
dir : []
-
}
+
},
-
],
+
                                {
-
humanPractice : [
+
                                        title : '<strong>Brainstorming</strong>',
 +
                                        dir : []
 +
                                },
{
{
-
title : 'aa',
+
title : '<strong>Gallery</strong>',
dir : [
dir : [
 +
    {
 +
title : 'Team',
 +
href : '#team'
 +
},
{
{
-
title : 'aaaa',
+
title : 'Presentation',
-
href : '#aaaa'
+
href : '#presentation'
-
}
+
},
-
]
+
{
 +
title : 'Human Practice',
 +
href : '#human practice'
 +
},
 +
{
 +
title : 'Doodle',
 +
href : '#doodle'
 +
},
 +
{
 +
title : 'Funny Pictures',
 +
href : '#funny pictures'
 +
}]},
 +
                {
 +
title : '<strong>A Letter from Fancy</strong>',
 +
dir : []
 +
 +
 +
}
 +
],
 +
HumanPractice : [
 +
{
 +
title : '<strong>Outline</strong>',
 +
                                    dir : []
 +
},
},
{
{
-
title : 'bb',
+
title : '<strong>Questionaire Survey</strong>',
-
dir : [
+
    dir : [{
-
{
+
title : 'Background',
-
title : 'bbbb',
+
href : '#Background'
-
href : '#bbbb'
+
},{
-
}
+
title : 'Methods',
-
]
+
href : '#Methods'
 +
},{
 +
title : 'Results',
 +
href : '#Results'
 +
},{
 +
title : 'Discussion',
 +
href : '#Discussion'
 +
}]
},
},
{
{
-
title : 'ccc',
+
title : '<strong>Publicity</strong>',
-
dir : []
+
    dir : []
}
}
-
]
+
] };
-
};
+
//*************************自定义数据部分*************************
//*************************自定义数据部分*************************
</script>
</script>
Line 451: Line 826:
line-height: 24px;
line-height: 24px;
}
}
-
 
+
#p-logo {
-
#p-logo {
+
  display:none;
-
  display:none;
+
}
-
}
+
#top-section {
-
#top-section {
+
  height:0;
-
  height:0;
+
  border:none;
-
  border:none;
+
}
-
}
+
#search-controls {
-
#search-controls {
+
  display:none;
-
  display:none;
+
}
-
}
+
#content {
-
#content {
+
  position:inherit;
-
  position:inherit;
+
  width:inherit;
-
  width:inherit;
+
  margin:0;
-
  margin:0;
+
  padding:0;
-
  padding:0;
+
  background:inherit;
-
  background:inherit;
+
  color:inherit;
-
  color:inherit;
+
  border:none;
-
  border:none;
+
  line-height:inherit;
-
  line-height:inherit;
+
  z-index:2;
-
  z-index:2;
+
}
-
}
+
.firstHeading {
-
.firstHeading {
+
  display:none;
-
  display:none;
+
}
-
}
+
#catlinks {
-
#catlinks {
+
  display:none;
-
  display:none;
+
}
-
}
+
#footer-box {
-
#footer-box {
+
  display:none;
-
  display:none;
+
}
-
}
+
#contentSub {
-
#contentSub {
+
  display:none;
-
  display:none;
+
}
-
}
+
#menubar ul li a {
-
#menubar ul li a {
+
  background:none;
-
  background:none;
+
}
-
}
+
#bodyContent h1,#bodyContent h2 {
-
#bodyContent h1,#bodyContent h2 {
+
  margin:0;
-
  margin:0;
+
  border:0;
-
  border:0;
+
  padding: 0;
-
}
+
}
-
.left-menu:hover {
+
.left-menu:hover {
-
  background:none;
+
  background:none;
-
}
+
}
</style>
</style>
<div class="center">
<div class="center">
Line 502: Line 877:
<li class="nav-outerLi">
<li class="nav-outerLi">
<a href="https://2012.igem.org/Team:WHU-China"><h2 class="nav-h21 nav-h21on" title="Home"></h2></a>
<a href="https://2012.igem.org/Team:WHU-China"><h2 class="nav-h21 nav-h21on" title="Home"></h2></a>
-
<ul class="nav-innerUl nav-innerUl1" name="home"></ul>
+
<ul class="nav-innerUl nav-innerUl1" name="Home"></ul>
</li>
</li>
<li class="nav-outerLi">
<li class="nav-outerLi">
<a href="https://2012.igem.org/Team:WHU-China/Team"><h2 class="nav-h22" title="Team"></h2></a>
<a href="https://2012.igem.org/Team:WHU-China/Team"><h2 class="nav-h22" title="Team"></h2></a>
-
<ul class="nav-innerUl nav-innerUl2" name="team"></ul>
+
<ul class="nav-innerUl nav-innerUl2" name="Team"></ul>
</li>
</li>
<li class="nav-outerLi">
<li class="nav-outerLi">
<a href="https://2012.igem.org/Team:WHU-China/Project"><h2 class="nav-h23" title="Project"></h2></a>
<a href="https://2012.igem.org/Team:WHU-China/Project"><h2 class="nav-h23" title="Project"></h2></a>
-
<ul class="nav-innerUl nav-innerUl3" name="project"></ul>
+
<ul class="nav-innerUl nav-innerUl3" name="Project"></ul>
</li>
</li>
<li class="nav-outerLi">
<li class="nav-outerLi">
-
<a href="https://2012.igem.org/Team:WHU-China/Standard"><h2 class="nav-h24" title="Standard"></h2></a>
+
<a href="https://2012.igem.org/Team:WHU-China/Modeling"><h2 class="nav-h24" title="Modeling"></h2></a>
-
<ul class="nav-innerUl nav-innerUl4" name="standard"></ul>
+
<ul class="nav-innerUl nav-innerUl4" name="Modeling"></ul>
</li>
</li>
<li class="nav-outerLi">
<li class="nav-outerLi">
-
<a href="https://2012.igem.org/Team:WHU-China/Notes"><h2 class="nav-h25" title="Notes"></h2></a>
+
<a href="https://2012.igem.org/Team:WHU-China/Notebooks"><h2 class="nav-h25" title="Notebooks"></h2></a>
-
<ul class="nav-innerUl nav-innerUl5" name="notes"></ul>
+
<ul class="nav-innerUl nav-innerUl5" name="Notebooks"></ul>
</li>
</li>
<li class="nav-outerLi">
<li class="nav-outerLi">
<a href="https://2012.igem.org/Team:WHU-China/humanPractice"><h2 class="nav-h26" title="Human Practice"></h2></a>
<a href="https://2012.igem.org/Team:WHU-China/humanPractice"><h2 class="nav-h26" title="Human Practice"></h2></a>
-
<ul class="nav-innerUl nav-innerUl6" name="humanPractice"></ul>
+
<ul class="nav-innerUl nav-innerUl6" name="HumanPractice"></ul>
</li>
</li>
</ul>
</ul>
Line 536: Line 911:
<div class="footer"></div>
<div class="footer"></div>
</div>
</div>
-
<script>
+
<script src="http://www.yichengliu.com/code/igem/home.js"></script>
-
$(function(){
+
-
//菜单项填充
+
-
$('.nav-innerUl').each(function(){
+
-
var currentObj = $(this);
+
-
var objName = currentObj.attr('name');
+
-
currentObj.html('');
+
-
for(var i in menuObj[objName]){
+
-
currentObj.append('<a href="https://2012.igem.org/Team:WHU-China/'+objName+'/?catalog='+i+'"><li class="nav-innerLi">'+menuObj[objName][i].title+'</li></a>');
+
-
}
+
-
currentObj.append('<em class="nav-libg"></em>');
+
-
});
+
-
+
-
//边栏内容填充
+
-
$('.aside-outerUl').html('');
+
-
for(var i in menuObj.home){
+
-
$('.aside-outerUl').append('<li action="'+i+'" class="aside-outerLi">'+menuObj.home[i].title+'</li>');
+
-
}
+
-
+
-
//绑定点击事件
+
-
$('ul.aside-outerUl>li').click(function(){
+
-
var action = parseInt($(this).attr('action'));
+
-
history.pushState('','','?catalog='+action);
+
-
var formatHead = '<div id="picSlider"><div class="loading"><img src="loading.gif" /></div><div class="pic"><ul>';
+
-
var formatFoot = '</ul></div></div>';
+
-
var formatBody = '';
+
-
for (value in menuObj.home[action].picArray){
+
-
formatBody += '<li><a href="'+ menuObj.home[action].picArray[value].href +'"><img src="'+ menuObj.home[action].picArray[value].src +'" alt="'+ menuObj.home[action].picArray[value].title +'" text="'+ menuObj.home[action].picArray[value].detail +'" /></a></li>';
+
-
}
+
-
$('.main').html(formatHead + formatBody + formatFoot);
+
-
myFocus.set({
+
-
id : 'picSlider',
+
-
txtHeight : 80,
+
-
time : 4
+
-
});
+
-
});
+
-
var catalogString = (/catalog=([0-9]*)/).exec(document.URL);
+
-
if(catalogString&&parseInt(catalogString[1]) < menuObj.home.length){
+
-
$('ul.aside-outerUl>li[action='+catalogString[1]+']').click();
+
-
}else{
+
-
$('ul.aside-outerUl>li:first').click();
+
-
}
+
-
});
+
-
</script>
+
-
<script>
+
-
(function() {
+
-
var $id = function(id) {
+
-
return typeof id === 'string' ? document.getElementById(id) : id
+
-
}, $tag = function(tag, parentNode) {
+
-
return ($id(parentNode) || document).getElementsByTagName(tag)
+
-
}, $tag_ = function(tag, parentNode) {
+
-
return $getChild(tag, parentNode, 'tag')
+
-
}, $class = function(className, parentNode) {
+
-
var doms = $tag('*', parentNode), arr = [];
+
-
for (var i = 0, l = doms.length; i < l; i++) {
+
-
if (hasClass(className, doms[i])) {
+
-
arr.push(doms[i])
+
-
}
+
-
}
+
-
return arr
+
-
}, $class_ = function(className, parentNode) {
+
-
return $getChild(className, parentNode)
+
-
}, $getChild = function(selector, parentNode, type) {
+
-
var arr = [], fn = type === 'tag' ? $tag : $class, doms = fn(selector, parentNode), len = doms.length;
+
-
for (var i = 0; i < len; i++) {
+
-
if (doms[i].parentNode === parentNode)
+
-
arr.push(doms[i]);
+
-
i += fn(selector, doms[i]).length
+
-
}
+
-
return arr
+
-
}, hasClass = function(className, node) {
+
-
return eval('/(^|\\s)' + className + '(\\s|$)/').test(node.className)
+
-
};
+
-
myFocus = function(settings) {
+
-
return new myFocus.constr(settings)
+
-
};
+
-
myFocus.extend = function() {
+
-
var arg = arguments, len = arg.length;
+
-
if (this === myFocus) {
+
-
if (len === 1)
+
-
dest = myFocus, i = 0;
+
-
else
+
-
dest = arg[0], i = 1
+
-
} else {
+
-
dest = this, i = 0
+
-
}
+
-
for (i; i < len; i++) {
+
-
for (var p in arg[i]) {
+
-
dest[p] = arg[i][p]
+
-
}
+
-
}
+
-
return dest
+
-
};
+
-
myFocus.extend({
+
-
defConfig : {
+
-
pattern : 'momo',
+
-
trigger : 'click',
+
-
txtHeight : "default",
+
-
wrap : false,
+
-
auto : true,
+
-
time : 5,
+
-
index : 0,
+
-
loadIMGTimeout : 3,
+
-
delay : 100,
+
-
autoZoom : true,
+
-
__focusConstr__ : true
+
-
},
+
-
constr : function(settings) {
+
-
var e = settings, len = e && e.length;
+
-
if ( e instanceof myFocus.constr)
+
-
return e;
+
-
this.length = 0;
+
-
if (!e || (e.sort && !len) || (e.item && !len)) {
+
-
Array.prototype.push.call(this)
+
-
} else if (e.__focusConstr__) {
+
-
e = $id(e.id);
+
-
Array.prototype.push.call(this, e);
+
-
this.settings = settings;
+
-
this.HTMLUList = $tag('li', $tag('ul', e)[0]);
+
-
this.HTMLUListLength = this.HTMLUList.length
+
-
} else if (len) {
+
-
for (var i = 0; i < len; i++)
+
-
Array.prototype.push.call(this, e[i])
+
-
} else {
+
-
Array.prototype.push.call(this, e)
+
-
}
+
-
return this
+
-
},
+
-
fn : {
+
-
splice : [].splice
+
-
},
+
-
pattern : {},
+
-
config : {
+
-
'momo' : {
+
-
duration : 400,
+
-
txtHeight : 120
+
-
}
+
-
}
+
-
});
+
-
myFocus.constr.prototype = myFocus.fn;
+
-
myFocus.fn.extend = myFocus.pattern.extend = myFocus.config.extend = myFocus.extend;
+
-
myFocus.fn.extend({
+
-
find : function(selector) {
+
-
var parent = this, isChild = false, $ = myFocus;
+
-
var arr = this.parseSelector(selector);
+
-
if (this.length)
+
-
for (var i = 0, len = arr.length; i < len; i++) {
+
-
var dom = [], s = arr[i];
+
-
switch (s.charAt(0)) {
+
-
case '>':
+
-
isChild = true;
+
-
break;
+
-
case '.':
+
-
var cls = s.slice(1);
+
-
var fn = isChild ? $class_ : $class;
+
-
$(parent).each(function() {
+
-
dom = dom.concat(fn(cls, this))
+
-
});
+
-
isChild = false;
+
-
break;
+
-
case '#':
+
-
var id = s.slice(1), e = $id(id);
+
-
if (e)
+
-
dom.push($id(id));
+
-
isChild = false;
+
-
break;
+
-
default:
+
-
var fn = isChild ? $tag_ : $tag, sArr = s.split('.');
+
-
var tag = sArr[0], cls = sArr[1];
+
-
$(parent).each(function() {
+
-
var arr = fn(tag, this);
+
-
for (var i = 0, len = arr.length; i < len; i++) {
+
-
if (cls && !hasClass(cls, arr[i]))
+
-
continue;
+
-
dom.push(arr[i])
+
-
}
+
-
});
+
-
isChild = false
+
-
}
+
-
if (!isChild)
+
-
parent = dom
+
-
}
+
-
return $(parent)
+
-
},
+
-
parent : function() {
+
-
return myFocus(this[0].parentNode)
+
-
},
+
-
html : function(s) {
+
-
if ( typeof s !== 'undefined') {
+
-
this[0].innerHTML = s;
+
-
return this
+
-
} else
+
-
return this[0].innerHTML
+
-
},
+
-
each : function(fn) {
+
-
var doms = this;
+
-
for (var i = 0, len = doms.length; i < len; i++) {
+
-
var flag = fn.call(doms[i], i);
+
-
if (flag === false)
+
-
break;
+
-
if (flag === true)
+
-
continue
+
-
}
+
-
return this
+
-
},
+
-
eq : function(n) {
+
-
return myFocus(this[n])
+
-
},
+
-
parseSelector : function(selector) {
+
-
var chunker = /(([^[\]'"]+)+\]|\\.|([^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?/g;
+
-
var parts = [], m;
+
-
while (( m = chunker.exec(selector)) !== null) {
+
-
parts.push(m[1])
+
-
}
+
-
return parts
+
-
},
+
-
wrap : function(html) {
+
-
var o = this[0], e = document.createElement('div');
+
-
e.innerHTML = html;
+
-
var wrap = e.firstChild;
+
-
o.parentNode.replaceChild(wrap, o);
+
-
wrap.appendChild(o);
+
-
return this
+
-
},
+
-
addHtml : function(html) {
+
-
var parent = this[0];
+
-
var e = document.createElement('div');
+
-
e.innerHTML = html;
+
-
var dom = e.childNodes[0];
+
-
parent.appendChild(dom);
+
-
return myFocus(dom)
+
-
},
+
-
addList : function(className, type) {
+
-
var li = this.HTMLUList, n = this.HTMLUListLength;
+
-
var strArr = ['<div class="' + className + '"><ul>'];
+
-
for (var i = 0; i < n; i++) {
+
-
var img = $tag('img', li[i])[0], html;
+
-
switch (type) {
+
-
case 'num':
+
-
html = '<a>' + (i + 1) + '</a><b></b>';
+
-
break;
+
-
case 'txt':
+
-
html = img ? li[i].innerHTML.replace(/\<img(.|\n|\r)*?\>/i, img.alt) + '<p>' + img.getAttribute("text") + '</p><b></b>' : '';
+
-
break;
+
-
case 'thumb':
+
-
html = img ? '<a><img src=' + (img.getAttribute("thumb") || img.src) + ' /></a><b></b>' : '';
+
-
break;
+
-
default:
+
-
html = '<a></a><b></b>'
+
-
}
+
-
strArr.push('<li>' + html + '</li>')
+
-
}
+
-
strArr.push('</ul></div>');
+
-
return this.addHtml(strArr.join(''))
+
-
},
+
-
addListNum : function(className) {
+
-
return this.addList(className || 'num', 'num')
+
-
},
+
-
addListTxt : function(className) {
+
-
return this.addList(className || 'txt', 'txt')
+
-
},
+
-
addListThumb : function(className) {
+
-
return this.addList(className || 'thumb', 'thumb')
+
-
},
+
-
remove : function() {
+
-
var o = this[0];
+
-
if (o)
+
-
o.parentNode.removeChild(o)
+
-
},
+
-
repeat : function(n) {
+
-
var n = n || 2, pNode = this[0].parentNode, html = pNode.innerHTML, s = [];
+
-
for (var i = 0; i < n; i++)
+
-
s.push(html);
+
-
pNode.innerHTML = s.join('');
+
-
return myFocus(pNode).find(this[0].nodeName)
+
-
}
+
-
});
+
-
myFocus.fn.extend({
+
-
css : function(css) {
+
-
var o = this[0], value, arr = [';'], isIE = myFocus.isIE;
+
-
if (!o)
+
-
return this;
+
-
if ( typeof css === 'string') {
+
-
if (css === 'float')
+
-
css = isIE ? 'styleFloat' : 'cssFloat';
+
-
if (!( value = o.style[css]))
+
-
value = (isIE ? o.currentStyle: getComputedStyle(o, ''))[css];
+
-
if (css === 'opacity' && value === undefined)
+
-
value = 1;
+
-
if (value === 'auto' && (css === 'width' || css === 'height'))
+
-
value = o['offset' + css.replace(/\w/i, function(a) {
+
-
return a.toUpperCase()
+
-
})];
+
-
var numVal = parseFloat(value);
+
-
return isNaN(numVal) ? value : numVal
+
-
} else {
+
-
for (var p in css) {
+
-
if ( typeof css[p] === 'number' && !this.cssNumber[p])
+
-
css[p] += 'px';
+
-
arr.push(p.replace(/([A-Z])/g, '-$1') + ':' + css[p] + ';');
+
-
if (p === 'opacity')
+
-
arr.push('filter:alpha(opacity=' + css[p] * 100 + ')')
+
-
}
+
-
o.style.cssText += arr.join('');
+
-
return this
+
-
}
+
-
},
+
-
setOpacity : function(value) {
+
-
this[0].style.opacity = value, this[0].style.filter = 'alpha(opacity=' + value * 100 + ')'
+
-
},
+
-
setAnimateStyle : function(value, prop, m) {
+
-
this[0].style[prop] = Math[m](value) + 'px'
+
-
},
+
-
addClass : function(className) {
+
-
this[0].className += ' ' + className;
+
-
return this
+
-
},
+
-
removeClass : function(className) {
+
-
var o = this[0], cls = className && o.className, reg = "/\\s*\\b" + className + "\\b/g";
+
-
o.className = cls ? cls.replace(eval(reg), '') : '';
+
-
return this
+
-
},
+
-
cssNumber : {
+
-
fillOpacity : true,
+
-
fontWeight : true,
+
-
lineHeight : true,
+
-
opacity : true,
+
-
orphans : true,
+
-
widows : true,
+
-
zIndex : true,
+
-
zoom : true
+
-
}
+
-
});
+
-
myFocus.fn.extend({
+
-
animate : function(attr, value, time, type, funcBefore, funcAfter) {
+
-
var $o = this, o = $o[0], isOpacity = attr === 'opacity', diffValue = false;
+
-
funcBefore && funcBefore.call(o);
+
-
if ( typeof value === 'string') {
+
-
if (/^[+-]=\d+/.test(value))
+
-
value = value.replace('=', ''), diffValue = true;
+
-
value = parseFloat(value)
+
-
}
+
-
var oriVal = $o.css(attr), b = isNaN(oriVal) ? 0 : oriVal, c = diffValue ? value : value - b, d = time, e = this.easing[type], m = c > 0 ? 'ceil' : 'floor', timerId = '__myFocusTimer__' + attr, setProperty = $o[ isOpacity ? 'setOpacity' : 'setAnimateStyle'], origTime = (new Date) * 1;
+
-
o[timerId] && clearInterval(o[timerId]);
+
-
o[timerId] = setInterval(function() {
+
-
var t = (new Date) - origTime;
+
-
if (t <= d) {
+
-
setProperty.call($o, e(t, b, c, d), attr, m)
+
-
} else {
+
-
setProperty.call($o, b + c, attr, m);
+
-
clearInterval(o[timerId]), o[timerId] = null;
+
-
funcAfter && funcAfter.call(o)
+
-
}
+
-
}, 13);
+
-
return this
+
-
},
+
-
fadeIn : function(time, type, fn) {
+
-
if ( typeof time !== 'number')
+
-
fn = time, time = 400;
+
-
if ( typeof type === 'function')
+
-
fn = type, type = '';
+
-
this.animate('opacity', 1, time, type || 'linear', function() {
+
-
myFocus(this).css({
+
-
display : 'block',
+
-
opacity : 0
+
-
})
+
-
}, fn);
+
-
return this
+
-
},
+
-
fadeOut : function(time, type, fn) {
+
-
if ( typeof time !== 'number')
+
-
fn = time, time = 400;
+
-
if ( typeof type === 'function')
+
-
fn = type, type = '';
+
-
this.animate('opacity', 0, time, type || 'linear', null, function() {
+
-
this.style.display = 'none';
+
-
fn && fn.call(this)
+
-
});
+
-
return this
+
-
},
+
-
slide : function(params, time, type, fn) {
+
-
if ( typeof time !== 'number')
+
-
fn = time, time = 800;
+
-
if ( typeof type === 'function')
+
-
fn = type, type = '';
+
-
for (var p in params)
+
-
this.animate(p, params[p], time, type || 'easeOut', null, fn);
+
-
return this
+
-
},
+
-
stop : function() {
+
-
var o = this[0];
+
-
for (var p in o)
+
-
if (p.indexOf('__myFocusTimer__') !== -1)
+
-
o[p] && clearInterval(o[p]);
+
-
return this
+
-
},
+
-
easing : {
+
-
linear : function(t, b, c, d) {
+
-
return c * t / d + b
+
-
},
+
-
swing : function(t, b, c, d) {
+
-
return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b
+
-
},
+
-
easeIn : function(t, b, c, d) {
+
-
return c * (t /= d) * t * t * t + b
+
-
},
+
-
easeOut : function(t, b, c, d) {
+
-
return -c * (( t = t / d - 1) * t * t * t - 1) + b
+
-
},
+
-
easeInOut : function(t, b, c, d) {
+
-
return ((t /= d / 2) < 1) ? (c / 2 * t * t * t * t + b) : (-c / 2 * ((t -= 2) * t * t * t - 2) + b)
+
-
}
+
-
}
+
-
});
+
-
myFocus.fn.extend({
+
-
bind : function(type, fn) {
+
-
myFocus.addEvent(this[0], type, fn);
+
-
return this
+
-
},
+
-
play : function(funcLastFrame, funcCurrentFrame, seamless) {
+
-
var this_ = this, p = this_.settings, n = this_.HTMLUListLength, t = p.time * 1000, seamless = seamless || false, float = myFocus(this_.HTMLUList).css('float'), isLevel = float === 'left', direction = isLevel ? 'left' : 'top', distance = isLevel ? p.width : p.height, indexLast = 0, indexCurrent = p.index;
+
-
this_.find('.loading').remove();
+
-
this_.run = function(value) {
+
-
funcLastFrame && funcLastFrame(indexLast, n);
+
-
indexCurrent = typeof value === 'string' ? indexLast + parseInt(value.replace('=', '')) : value;
+
-
if (indexCurrent <= -1) {
+
-
indexCurrent = n - 1;
+
-
if (seamless)
+
-
this_.HTMLUList[0].parentNode.style[direction] = -n * distance + 'px'
+
-
}
+
-
if (indexCurrent >= n) {
+
-
if (!seamless)
+
-
indexCurrent = 0;
+
-
if (indexCurrent >= 2 * n) {
+
-
this_.HTMLUList[0].parentNode.style[direction] = -(n - 1) * distance + 'px';
+
-
indexCurrent = n
+
-
}
+
-
}
+
-
if (seamless && indexLast >= n && indexCurrent < n)
+
-
indexCurrent += n;
+
-
funcCurrentFrame && funcCurrentFrame(indexCurrent, n, indexLast);
+
-
this_.runIndex = indexLast = indexCurrent
+
-
};
+
-
try {
+
-
this_.run(indexCurrent)
+
-
} catch(e) {
+
-
setTimeout(function() {
+
-
this_.run(indexCurrent)
+
-
}, 0)
+
-
};
+
-
if (p.auto && n > 1) {
+
-
this_.runTimer = setInterval(function() {
+
-
this_.run('+=1')
+
-
}, t);
+
-
this_.bind('mouseover', function() {
+
-
clearInterval(this_.runTimer)
+
-
}).bind('mouseout', function() {
+
-
if (!this_.isStop)
+
-
this_.runTimer = setInterval(function() {
+
-
this_.run('+=1')
+
-
}, t)
+
-
})
+
-
}
+
-
this_.find('a').each(function() {
+
-
this.onfocus = function() {
+
-
this.blur()
+
-
}
+
-
})
+
-
},
+
-
bindControl : function($btnList, params) {
+
-
var this_ = this, p = this_.settings, type = p.trigger, delay = p.delay, par = params || {}, tsNum = par.thumbShowNum || p.thumbShowNum;
+
-
var run = function() {
+
-
if (this.index !== this_.runIndex && !par.isRunning) {
+
-
this_.run(this.index);
+
-
return false
+
-
}
+
-
};
+
-
$btnList.each(function(i) {
+
-
this.index = i;
+
-
var o = this, $o = myFocus(o);
+
-
if (type === 'click') {
+
-
$o.bind('mouseover', function() {
+
-
$o.addClass('hover')
+
-
}).bind('mouseout', function() {
+
-
$o.removeClass('hover')
+
-
}).bind('click', run)
+
-
} else if (type === 'mouseover') {
+
-
$o.bind('mouseover', function() {
+
-
if (delay === 0)
+
-
run.call(o);
+
-
else
+
-
$btnList.mouseoverTimer = setTimeout(function() {
+
-
run.call(o)
+
-
}, delay)
+
-
}).bind('mouseout', function() {
+
-
$btnList.mouseoverTimer && clearTimeout($btnList.mouseoverTimer)
+
-
})
+
-
} else {
+
-
alert('myFocus Error Setting(trigger) : \"' + type + '\"');
+
-
return false
+
-
}
+
-
});
+
-
if (tsNum) {
+
-
var float = $btnList.css('float'), isLevel = float === 'left' || float === 'right';
+
-
$btnList.dir = isLevel ? 'left' : 'top';
+
-
$btnList.n = this_.HTMLUListLength;
+
-
$btnList.showNum = tsNum;
+
-
$btnList.showStart = p.index;
+
-
$btnList.showEnd = $btnList.showStart + tsNum - 1;
+
-
$btnList.distance = $btnList.css( isLevel ? 'width' : 'height');
+
-
$btnList.slideBody = $btnList.parent()
+
-
}
+
-
},
+
-
scrollTo : function(i, time) {
+
-
var n = this.n, dir = this.dir, $ul = this.slideBody, css = {};
+
-
if (i >= this.showEnd) {
+
-
this.showEnd = i < n - 1 ? i + 1 : i;
+
-
this.showStart = this.showEnd - this.showNum + 1
+
-
} else if (i <= this.showStart) {
+
-
this.showStart = i > 0 ? i - 1 : 0;
+
-
this.showEnd = this.showStart + this.showNum - 1
+
-
}
+
-
css[dir] = -this.showStart * this.distance;
+
-
$ul.slide(css, time || 500, 'easeOut');
+
-
return this
+
-
}
+
-
});
+
-
myFocus.extend({
+
-
set : function(p, callback) {
+
-
var F = this, id = p.id, oStyle = F.initBaseCSS(id);
+
-
p.pattern = p.pattern || F.defConfig.pattern;
+
-
p.__clsName = p.pattern + '_' + id;
+
-
F.addEvent(window, 'load', function() {
+
-
F.onloadWindow = true
+
-
});
+
-
F.loadPattern(p, function() {
+
-
p = F.extend({}, F.defConfig, F.config[p.pattern], p);
+
-
F.getBoxReady(p, function() {
+
-
var $o = F($id(id));
+
-
p.width = p.width || $o.css('width'), p.height = p.height || $o.css('height');
+
-
F.initCSS(p, $o, oStyle);
+
-
F.initHTML($o);
+
-
$o.addClass(p.pattern + ' ' + p.__clsName);
+
-
F.getIMGReady(p, function() {
+
-
if (p.autoZoom)
+
-
F.zoomIMG(p, $o);
+
-
F.pattern[p.pattern](p, F);
+
-
callback && callback()
+
-
})
+
-
})
+
-
})
+
-
},
+
-
onloadWindow : false,
+
-
loadPattern : function(p, callback) {
+
-
myFocus.pattern.extend({
+
-
'momo' : function(settings, $) {
+
-
var $focus = $(settings);
+
-
var $picList = $focus.find('.pic li');
+
-
var $txtList = $focus.addListTxt().find('li');
+
-
var $numList = $focus.addListNum().find('li');
+
-
var txtH = settings.txtHeight;
+
-
$focus[0].style.height = settings.height + txtH + 'px';
+
-
$focus.play(function(i) {
+
-
$picList[i].style.display = 'none';
+
-
$txtList[i].style.display = 'none';
+
-
$numList[i].className = '';
+
-
}, function(i) {
+
-
$picList.eq(i).fadeIn(settings.duration);
+
-
$txtList[i].style.display = 'block';
+
-
$numList[i].className = 'current';
+
-
});
+
-
$focus.bindControl($numList);
+
-
}
+
-
});
+
-
callback()
+
-
},
+
-
getFilePath : function() {
+
-
var path = '';
+
-
var scripts = $tag("script");
+
-
for (var i = 0, len = scripts.length; i < len; i++) {
+
-
var src = scripts[i].src;
+
-
if (src && /myfocus([\.-].*)?\.js/i.test(src)) {
+
-
path = src;
+
-
break
+
-
}
+
-
};
+
-
return path.slice(0, path.lastIndexOf('/') + 1)
+
-
},
+
-
getBoxReady : function(p, fn) {
+
-
var F = this;
+
-
(function() {
+
-
try {
+
-
if (F.isIE)
+
-
$id(p.id).doScroll();
+
-
else
+
-
$id(p.id).innerHTML
+
-
fn()
+
-
} catch(e) {
+
-
if (!F.onloadWindow)
+
-
setTimeout(arguments.callee, 0)
+
-
}
+
-
})()
+
-
},
+
-
getIMGReady : function(p, callback) {
+
-
var t = p.loadIMGTimeout;
+
-
var box = $id(p.id), img = $tag('img', box), len = img.length, count = 0, done = false;
+
-
if (!t || !len) {
+
-
callback();
+
-
return
+
-
}
+
-
for (var i = 0; i < len; i++) {
+
-
img[i].onload = function() {
+
-
count += 1;
+
-
if (count == len && !done) {
+
-
done = true, callback()
+
-
}
+
-
};
+
-
if (this.isIE)
+
-
img[i].src = img[i].src
+
-
};
+
-
var t = t * 1000;
+
-
setTimeout(function() {
+
-
if (!done) {
+
-
done = true, callback()
+
-
}
+
-
}, t)
+
-
},
+
-
zoomIMG : function(p, $o) {
+
-
var imgs = $tag('img', $tag('ul', $o[0])[0]), len = imgs.length, boxWidth = p.width, boxHeight = p.height;
+
-
for (var i = 0; i < len; i++) {
+
-
var IMG = new Image();
+
-
IMG.src = imgs[i].src;
+
-
if (IMG.width / IMG.height >= boxWidth / boxHeight) {
+
-
imgs[i].style.width = boxWidth + 'px';
+
-
imgs[i].style.marginTop = (boxHeight - boxWidth / IMG.width * IMG.height) / 2 + 'px'
+
-
} else {
+
-
imgs[i].style.height = boxHeight + 'px'
+
-
}
+
-
}
+
-
},
+
-
initCSS : function(p, $o, oStyle) {
+
-
var css = [], w = p.width || '', h = p.height || '';
+
-
if (p.wrap)
+
-
$o.wrap('<div class="' + p.pattern + '_wrap"></div>');
+
-
css.push('.' + p.__clsName + ' *{margin:0;padding:0;border:0;list-style:none;}.' + p.__clsName + '{position:relative;width:' + w + 'px;height:' + h + 'px;overflow:hidden;font:12px/1.5 Verdana;text-align:left;background:#fff;visibility:visible!important;}.' + p.__clsName + ' .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:' + 0.26 * h + 'px;background:#fff;}.' + p.__clsName + ' .pic{position:relative;width:' + w + 'px;height:' + h + 'px;overflow:hidden;}.' + p.__clsName + ' .txt li{width:' + w + 'px;height:' + p.txtHeight + 'px!important;overflow:hidden;}');
+
-
if (p.autoZoom)
+
-
css.push('.' + p.__clsName + ' .pic li{text-align:center;width:' + w + 'px;height:' + h + 'px;}');
+
-
try {
+
-
oStyle.styleSheet.cssText = css.join('')
+
-
} catch(e) {
+
-
oStyle.innerHTML = css.join('')
+
-
}
+
-
},
+
-
initBaseCSS : function(id) {
+
-
var s = '#' + id + ' *{display:none}', oStyle = document.createElement('style');
+
-
oStyle.type = 'text/css';
+
-
try {
+
-
oStyle.styleSheet.cssText = s
+
-
} catch(e) {
+
-
oStyle.innerHTML = s
+
-
}
+
-
var oHead = $tag('head', document)[0];
+
-
oHead.insertBefore(oStyle, oHead.firstChild);
+
-
return oStyle
+
-
},
+
-
initHTML : function($o) {
+
-
var $load = $o.find('.loading'), $img = $load.find('img'), img = $img[0];
+
-
if ($img.length) {
+
-
$load.addHtml('<p>' + img.alt + '</p>');
+
-
if (!img.getAttribute('src'))
+
-
img.style.display = 'none'
+
-
}
+
-
}
+
-
});
+
-
myFocus.extend({
+
-
isIE : !!(document.all && navigator.userAgent.indexOf('Opera') === -1),
+
-
addEvent : function(o, type, fn) {
+
-
var ie = this.isIE, e = ie ? 'attachEvent' : 'addEventListener', t = ( ie ? 'on' : '') + type;
+
-
o[e](t, function(e) {
+
-
var e = e || window.event, flag = fn.call(o, e);
+
-
if (flag === false) {
+
-
if (ie)
+
-
e.cancelBubble = true, e.returnValue = false;
+
-
else
+
-
e.stopPropagation(), e.preventDefault()
+
-
}
+
-
}, false)
+
-
}
+
-
});
+
-
if ( typeof jQuery !== 'undefined') {
+
-
jQuery.fn.extend({
+
-
myFocus : function(p, fn) {
+
-
if (!p)
+
-
p = {};
+
-
p.id = this[0].id;
+
-
if (!p.id)
+
-
p.id = this[0].id = 'mF__ID__';
+
-
myFocus.set(p, fn)
+
-
}
+
-
})
+
-
}
+
-
})();
+
-
$(function(){
+
-
$('li.nav-outerLi').hover(function(){
+
-
$(this).find('ul.nav-innerUl').slideDown(300);
+
-
},function(){
+
-
$(this).find('ul.nav-innerUl').slideUp(300);
+
-
});
+
-
//$('#bodyContent').children('p:first').hide();
+
-
$('#bodyContent').click(function{
+
-
alert();
+
-
});
+
-
});
+
-
</script>
+
</body>
</body>
</html>
</html>

Latest revision as of 04:01, 27 October 2012

  •

                Retrieved from "http://2012.igem.org/Team:WHU-China"